Подключаю к сайту Youtube IFrame API, хочу сделать что по кнопке ставилась пауза
Всем привет, есть html code и js code
let player;
const playerContainer = $('.player') ;
let eventsInit = () => {
$(".player__start").click(e => {
e.preventDefault();
if (playerContainer.hasClass("paused")) {
playerContainer.removeClass("paused");
player.pauseVideo();
} else {
playerContainer.addClass("paused");
player.playVideo();
}
});
};
function onYouTubeIframeAPIReady() {
player = new YT.Player("yt-player", {
height: "405",
width: "660",
videoId: "LXb3EKWsInQ",
events: {
// onReady: onPlayerReady,
// onStateChange: onPlayerStateChange
},
playerVars: {
controls: 0,
disablekb: 0,
showinfo: 0,
rel: 0,
autoplay: 0,
modestbranding: 0
}
});
};
<section data-sidemenu-theme="black" data-section-id="video" class="section player-section">
<div class="container">
<h2 class="section__title">Как мы работаем</h2>
<div class="player-section__container">
<div class="player active">
<div class="player__wrapper">
<div id="yt-player" class="player__elem"></div>
<div class="player__splash"></div>
</div>
<div class="player__controls">
<button class="player__start"></button>
<div class="player__playback">
<button class="player__playback-button"></button>
</div>
<div class="player__duration">
<span class="player__duration-completed">0:00</span> :
<span class="player__duration-estimate">0:00</span>
</div>
</div>
</div>
</div>
</div>
</section>
