Working Scripts for YouTube Video - Done by Fiverr Freelancer
<style>
@media screen and (max-width: 500px) {
iframe#ytplayer {
width: 100%!important;
height:300px!important;
}
}
</style>
<div style="margin:auto;text-align:center;"><div id="ytplayer"></div></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '390',
width: '640',
videoId: 'TvL-3Knm2po',
events: {
'onReady': onPlayerReady,
},
playerVars: {
playlist: 'TvL-3Knm2po',
loop: 1,
autoplay:1
}
});
}
function onPlayerReady(event) {
event.target.mute();
setTimeout(function() {
event.target.playVideo();
}, 0);
}
</script>
@media screen and (max-width: 500px) {
iframe#ytplayer {
width: 100%!important;
height:300px!important;
}
}
</style>
<div style="margin:auto;text-align:center;"><div id="ytplayer"></div></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '390',
width: '640',
videoId: 'TvL-3Knm2po',
events: {
'onReady': onPlayerReady,
},
playerVars: {
playlist: 'TvL-3Knm2po',
loop: 1,
autoplay:1
}
});
}
function onPlayerReady(event) {
event.target.mute();
setTimeout(function() {
event.target.playVideo();
}, 0);
}
</script>