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 では機能しましたが、他のすべてのブラウザでは、ライトボックスが 2 回目に開かれたときにのみ自動再生されます。YouTube 動画を自動再生するための、より簡単で直接的な方法について何か提案はありますか?

4

0 に答える 0