Question

我正在使用插件的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视频的建议吗？

WordPress - Lightbox Plus ColorBox插件和自动播放YouTube视频

0 个答案: