2

我花了一天的时间在这上面敲我的脑袋。我已经取得了一些不错的进展，但最后一部分让我陷入了困境。

我正在使用 YouTube 的 API。我配置了一个监听器事件，视频自动播放，并在完成时自动关闭。所有这些都很好。

我想要做的是在 DIV 分配的单个页面（实际上是 5 个）上有多个视频。有没有办法用这段代码做到这一点？

    // create youtube player
    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '488',
          width: '800',
          videoId: '49QKXdRTX-A',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }

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

    // when video ends
    function onPlayerStateChange(event) {    
if(event.data === 0) {
    $("#player").hide();          
        }    
    }

此外，值得一提的是，我将有几个这样的视频在完成时自动显示另一个 DIV，所以是这样的：

function onPlayerStateChange(event) {    
if(event.data === 0) {
$("#player").hide();
$("#gallery-main").show();

任何帮助将不胜感激。谢谢！

4

0 回答 0