JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.youtube.com/player_api"></script>
<iframe id="player" type="text/html" width="200" height="150" src="http://www.youtube.com/embed/PjDw3azfZWI?enablejsapi=1" frameborder="0"></iframe>
<br />
<button type="button" onclick="seek(30)">Seek forward 30 seconds</button>
JavaScript
var player, seconds = 0;
function onYouTubeIframeAPIReady() {
console.log("player");
player = new YT.Player('player', {
events: {
'onReady': onPlayerReady
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
function seek(sec){
if(player){
seconds += sec;
player.seekTo(seconds, true);
}
}