JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://www.youtube.com/player_api"></script>
<br /><iframe width="450" height="253" src="https://www.youtube.com/embed/0GN2kpBoFs4?rel=0" frameborder="0" allowfullscreen id="yes"></iframe>
<br />
<br /><iframe width="450" height="253" src="https://www.youtube.com/embed/0GN2kpBoFs4?rel=0" frameborder="0" allowfullscreen id="nope"></iframe>
JavaScript
var player;
function onYouTubePlayerAPIReady() {
// first video
player = new YT.Player('yes', {
events: {
'onReady': function(e){ e.target.playVideo(); }
}
});
// second video - never fires :(
player = new YT.Player('nope', {
events: {
'onReady': function(e){ e.target.playVideo(); }
}
});
}