javascript - 使用 JavaScript 事件结束 HTML 视频？

Question

我正在使用 JavaScript 在我的 html 页面上显示 YouTube 视频。

如何使用 JavaScript 隐藏视频并保留显示视频的页面？

我需要在单击按钮时隐藏视频。

我的代码如下所示:

function addVideo(qId){
    alert("a video");
    var $videoComp = '<div class="vid" id="myytplayer"><iframe id="ifr" width="560" height="315" src="//www.youtube.com/embed/ac7KhViaVqc" allowfullscreen=""></iframe></div><div class ="main"><button class="btn btn-success" id="one" >Close video</button></div>';
$('.create-elem').append($videoComp);
$(".main").click(function(){
        //$(".vid").hide();
        //$("#one").hide();
    function stopthevideo(){

        var myPlayer = document.getElementById('myytplayer');
        myPlayer.stopVideo();
    }
    });

Answer 1

这就是我用来识别视频结束的方法。

var myVideo = document.getElementById("video1");

myVideo.addEventListener('ended',onVideoEnded,false);

function onVideoEnded(e) {
    if(!e) { e = window.event; }
            // Make your things here
            hideVideo = true;
}

或者您可以随时尝试使用https://developers.google.com/youtube/js_api_reference#Playback_status

希望其中之一能帮助您:)