1

我正在使用插件的 WP v3.6 和 v2.6 并使用内联灯箱打开嵌入 iframe 的 YouTube 视频。我的老板希望在灯箱打开时播放视频。所以最初我尝试过：

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player1;

function onYouTubeIframeAPIReady() {
    console.log('api ready');
    player1 = new YT.Player('player1', {});
}
jQuery(function()){
    jQuery('.lbp-inline-link-1').click(function(){
        player1.playVideo(); }
    });
});

然而，这并没有奏效。我最终发现该插件在打开和关闭时都会停止播放视频，所以我的点击事件触发播放还为时过早。所以我修改了我的调用：

var tag = document.createElement('script'); 
tag.src = "https://www.youtube.com/iframe_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0];      
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player1;

function onYouTubeIframeAPIReady() {
    console.log('api ready');
    player1 = new YT.Player('player1', {
        events: {
            'onReady': onPlayerReady
        }
    });
}
function onPlayerReady(event){
    console.log('player ready');
    jQuery('.lbp-inline-link-1').click(function(){
        console.log('click ready');
        var fn = function(){ event.target.playVideo(); }
        setTimeout(fn, 2500);
    });
}

当前示例页面位于https://test-cms.salesgenie.com/salesgenie-data-quality/

这在 Chrome 中有效，但在所有其他浏览器中，它只会在灯箱第二次打开时自动播放。关于自动播放 YouTube 视频的更简单、更直接的途径有什么建议吗？

4

0 回答 0