Instantly share code, notes, and snippets.

Embed
What would you like to do?
youtube embed w/ mute and autoplay and loop
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZHiVC_51KkI?rel=0&controls=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
<div id="muteYouTubeVideoPlayer"></div>
<script async="" src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'ZHiVC_51KkI', // YouTube Video ID
width: 560, // Player width (in px)
height: 316, // Player height (in px)
playerVars: {
autoplay: 1, // Auto-play the video on load
controls: 1, // Show 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
fs: 0, // Hide the full screen button
cc_load_policty: 0, // Hide closed captions
iv_load_policy: 3, // Hide the Video Annotations
autohide: 0 // Hide video controls when playing
},
events: {
onReady: function(e) {
e.target.mute();
},
onStateChange: function(e) {
if (e.data === YT.PlayerState.ENDED) {
player.playVideo();
}
}
}
});
}
// Written by @labnol
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment