<div class="video-container">
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
</div>
<script>
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
videoId: '9kj_vwleR6Q', // YouTube Video ID
width: 1200, // Player width (in px)
height: 675, // Player height (in px)
playerVars: {
autoplay: 1, // Auto-play the video on load
controls: 0, // Hide pause/play buttons in player
showinfo: 0, // Hide the video title
modestbranding: 1, // Hide the Youtube Logo
loop: 1, // Run the video in a loop
playlist: '9kj_vwleR6Q',
fs: 0, // Hide the full screen button
cc_load_policty: 0, // Hide closed captions
v_load_policy: 3, // Hide the Video Annotations
autohide: 0 // Hide video controls when playing
},
events: {
'onReady': onPlayerReady,
}
});
}
//4. This code sets volume to 0.
function onPlayerReady(event) {
event.target.setVolume(0);
event.target.playVideo();
}
</script>
.video-container {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.testpage7 .tm-footer {
display: none;
}