0

这是我第一次使用 youtube api，我发现很难理解文档。基本上我的页面上有多个视频，当您单击一个时，它会在灯箱中弹出并播放正确的视频。所有这一切都很好。

客户现在希望所有视频在开始时自动静音，一旦您完成视频，他们希望帧跳到正确的位置。

如果我使用 youtube iframe api，我似乎根本无法更新 videoId。下面是我的代码：

var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '323',
        width: '576',
        videoId: 'Fy7Li0dMRSY',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}

function onPlayerReady(event) {
    event.target.mute(); // this does not do anything
    event.target.playVideo();
}

var done = false;
function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
        //setTimeout(stopVideo, 6000);
        done = true;
    }
}
function stopVideo() {
    player.stopVideo();
}


function loadVid(vidID, title){
    // loads youtube video with video title & youtube video ID
    $('.lightbox .title').html(title);
    $('.lightbox iframe').prop('src','https://www.youtube.com/embed/'+vidID+'?rel=0&wmode=transparent&enablejsapi=1');  
    //player.mute() does not work here  
    showLightbox(); 
}

我的问题是试图调用 player 函数在 loadVid 函数内静音，它会抛出一个错误（任何函数都会抛出相同的错误），我不知道如何使用 player.js 等函数。

错误是 player.stopVideo 不是函数

那么如何在开始时将视频静音？将其添加到 onPlayerReady 也不起作用。

4

2 回答 2

1

移动 event.target.mute(); 像这样的 onPlayerStateChange 函数：

var done = false;
function onPlayerStateChange(event) {
    event.target.mute();
    if (event.data == YT.PlayerState.PLAYING && !done) {
        //setTimeout(stopVideo, 6000);
        done = true;
    }
}
于 2013-02-18T08:30:08.570 回答
0

当页面上有多个视频时，您仍然需要为每个视频调用 onYouTubePlayerAPIReady。您可以同时在其中打包所有播放器处理程序，但根据您的操作方式，这是不可能的。相反，您必须想办法欺骗 API。看看我的答案在这里用 youtube api 加载多个视频播放器

于 2017-03-17T23:00:20.540 回答