Youtube视频结束时隐藏iframe [英] Hide iframe when Youtube video ends

问题描述

提前谢谢大家。
我需要一些帮助隐藏iframe youtube视频，当它结束时有人可以指导我如何做到这一点吗？

Thank you everyone in advance. I need some help hidding an iframe youtube video when it ends can someone guide me how to do that??

 <iframe id="promo_video" src="http://www.youtube.com/embed/XzZudNOwkU8" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="display:none;position:absolute;top:228px;left:492px;" height="527" width="934" frameborder="0"></iframe>

我需要这样的东西，但我找不到如何制作

i need something like this but i cant find how to make it

 <script >
function myFunction()
{
    if (promo_video.end=positive)
    reload anotherother page


    }


</script>

推荐答案

希望此解决方案适合您。解决方案中唯一的变化是您只需要来自iframe的视频ID。请参阅下面提到的小提琴链接。

Hope this solution will work for you. The only change in solution is that you need only video id from iframe you have. Please refer the fiddle link mentioned below.

    <div id="player"></div>
<script src="http://www.youtube.com/player_api"></script>
<script>

    // create youtube player
    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'XzZudNOwkU8', <!-- video id should be here. last component from video URL -->
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }

    // autoplay video
    function onPlayerReady(event) {
        event.target.playVideo();
    }

    // when video ends
    function onPlayerStateChange(event) {        
        if(event.data === 0) {            
            $('#player').css('display', 'none');
        }
    }

</script>

小提琴链接

这篇关于Youtube视频结束时隐藏iframe的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！