Question

我花了一天时间敲打着这个。我取得了一些进步，但最后一部分让我陷入困境。

我正在使用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();

非常感谢任何帮助。谢谢！

单个页面上的多个YouTube Player API实例

0 个答案: