am d742274e: am b05558cf: am 3de83c1b: make shadowbox video always centered to... (19832ae1) · Commits · e / os / android_build

tools/droiddoc/templates-sdk/assets/css/default.css

+11 −10

Original line number	Diff line number	Diff line
		@@ -6950,25 +6950,26 @@ a.landing-button:visited {
		display:none;
		position:fixed;
		top:0;
		left:-10px;
		width:102%;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.7);
		z-index:99;
		background-color:rgba(0,0,0,0.8);
		z-index:9999;
		}

		#video-frame {
		width:948px;
		height:529px;
		margin:32px auto 0;
		width:940px;
		height:100%;
		margin:72px auto;
		display:none;
		position:relative;
		}

		.video-close {
		cursor: pointer;
		position: relative;
		left: 948px;
		top: -8px;
		position: absolute;
		right: -49px;
		top: -49px;
		pointer-events: all;
		}

tools/droiddoc/templates-sdk/assets/js/docs.js

+39 −11

Original line number	Diff line number	Diff line
		@@ -592,18 +592,46 @@ var youTubePlayer;
		function onYouTubeIframeAPIReady() {
		}

		/* Returns the height the shadowbox video should be. It's based on the current
		height of the "video-frame" element, which is 100% height for the window.
		Then minus the margin so the video isn't actually the full window height. */
		function getVideoHeight() {
		var frameHeight = $("#video-frame").height();
		var marginTop = $("#video-frame").css('margin-top').split('px')[0];
		return frameHeight - (marginTop * 2);
		}

		function startYouTubePlayer(videoId) {
		$("#video-container").show();
		$("#video-frame").show();

		// compute the size of the player so it's centered in window
		var maxWidth = 940; // the width of the web site content
		var videoAspect = .5625; // based on 1280x720 resolution
		var maxHeight = maxWidth * videoAspect;
		var videoHeight = getVideoHeight();
		var videoWidth = videoHeight / videoAspect;
		if (videoWidth > maxWidth) {
		videoWidth = maxWidth;
		videoHeight = maxHeight;
		}
		$("#video-frame").css('width', videoWidth);

		// check if we've already created this player
		if (youTubePlayer == null) {
		// check if there's a start time specified
		var idAndHash = videoId.split("#");
		var startTime = 0;
		var lang = getLangPref();
		var captionsOn = lang == 'en' ? 0 : 1;
		if (idAndHash.length > 1) {
		startTime = idAndHash[1].split("t=")[1] != undefined ? idAndHash[1].split("t=")[1] : 0;
		}
		if (youTubePlayer == null) {
		// enable localized player
		var lang = getLangPref();
		var captionsOn = lang == 'en' ? 0 : 1;

		youTubePlayer = new YT.Player('youTubePlayer', {
		height: '529',
		width: '940',
		height: videoHeight,
		width: videoWidth,
		videoId: idAndHash[0],
		playerVars: {start: startTime, hl: lang, cc_load_policy: captionsOn},
		events: {
		@@ -612,9 +640,10 @@ function startYouTubePlayer(videoId) {
		}
		});
		} else {
		// reset the size in case the user adjusted the window since last play
		youTubePlayer.setSize(videoWidth, videoHeight);
		youTubePlayer.playVideo();
		}
		$("#video-container").fadeIn(200, function(){$("#video-frame").show()});
		}

		function onPlayerReady(event) {
		@@ -627,11 +656,10 @@ function onPlayerReady(event) {
		function closeVideo() {
		try {
		youTubePlayer.pauseVideo();
		$("#video-container").fadeOut(200);
		} catch(e) {
		console.log('Video not available');
		$("#video-container").fadeOut(200);
		}
		$("#video-container").fadeOut(200);
		}

		/* Track youtube playback for analytics */