backgroundVideo/jquery.backgroundVideo.js at master · superReal/backgroundVideo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
(function($) {
	$.fn.backgroundVideo = function() {
		/* Global vars */
		var bgVideoWrap = $('#bgVideoWrap'),
			video;


		/* Vertical scale */
		function adjustHeight() {
			var video_height = bgVideoWrap.height(),
				window_height = $(window).height();

			bgVideoWrap.css(
				{
					'left': 0,
					'margin-left': 0
				}
			);
			video.css(
				{
					'width': 'auto',
					'height': $(window).height()
				}
			);

			var video_width = bgVideoWrap.width(),
				window_width = $(window).width();

			if ( video_width > window_width ) {
				bgVideoWrap.css(
					{
						'left': '50%',
						'margin-left': parseInt(video_width / 2) * -1
					}
				);
			}
		}


		/* Horizontal scale */
		function adjustWidth() {
			var video_width = bgVideoWrap.width(),
				window_width = $(window).width();

			if ( video_width >= window_width ) {
				return;
			}

			bgVideoWrap.css(
				{
					'left': 0,
					'margin-left': 0
				}
			);
			video.css(
				{
					'width': window_width,
					'height': 'auto'
				}
			);
		}


		function adjustVideo() {
			adjustHeight();
			adjustWidth();
		}


		/* Fire */
		return this.each(
			function() {
				/* Init */
		  		video = $(this);

		  		video.bind(
		  			'durationchange',
		  			function() {
		  				video.css('visibility', 'visible');
		  				adjustVideo();
		  			}
		  		);

		  		$(window).resize(
		  			function() {
		  				setTimeout(
		  					adjustVideo,
		  					100
		  				);
		  			}
		  		);
			}
		);
	};
})(jQuery);