JSFiddle - React, Tailwind, and code Playground
by mowar
HTML
<div id="player"></div>
<script src="https://www.youtube.com/iframe_api"></script>
JavaScript
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: '3PPtkRU7D74',
playerVars: {
'playsinline': 1
},
events: {
'onReady': onPlayerReady
}
});
}
function onPlayerReady(event) {
player.mute();
event.target.playVideo();
}