亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

YouTube JavaScript API, on狀態更改未觸發,無自動播放

YouTube JavaScript API, on狀態更改未觸發,無自動播放

泛舟湖上清波郎朗 2022-09-11 20:31:40
我有一個訓練計劃,我嘗試在 iFrame 中顯示 YouTube 視頻,自動播放它,并在視頻完成后前進到下一頁。我可以讓YouTube上IPFI就緒函數觸發,但其他事件都不會。實際上,我只對狀態變化感興趣。    var tag = document.createElement('script');    tag.src = 'https://www.youtube.com/iframe_api';    tag.id = 'apiScript';    var firstScriptTag = document.getElementsByTagName('script')[0];    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);...    //function onYouTubeIframeAPIReady() {  //tried this too but no change    window.onYouTubeIframeAPIReady = function() {        player = new YT.Player('externalComponent', {        events: {            'onReady': onPlayerReady,            'onError': onPlayerError,            'onStateChange': onPlayerStateChange            }        });        console.log('api ready');    }    function onPlayerStateChange(event) {        console.log('onStateChange');        console.log(YT.PlayerState);    }當它運行時,您可以在控制臺中看到“api就緒”,但沒有其他內容。內聯框架如下所示:    <iframe id="externalComponent" src="https://youtube.com/embed/_S_Bg9qfa8o?enablejsapi=1&controls=0&autoplay=1" width="1024" height="576" allow="autoplay" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>是什么阻止了 onState更改了工作狀態,而不是自動播放?控件不顯示。
查看完整描述

1 回答

?
喵喔喔

TA貢獻1735條經驗 獲得超5個贊

我無法讓它像我發布的那樣工作。我不得不更改代碼以使用div而不是iframe,在播放器Vars中添加視頻ID和其他參數。完成此操作后,視頻會自動播放,不顯示任何控件,并觸發狀態更改事件。


  function onYouTubeIframeAPIReady() {

    player = new YT.Player('player', {

      playerVars: {

                autoplay: 1,

                controls: 0,

                showinfo: 0,

                autohide: 1

                },

      videoId: '_S_Bg9qfa8o',

      events: {

        'onReady': onPlayerReady,

        'onStateChange': onPlayerStateChange

      }

    });

  }

...


<div id="player"></div>


查看完整回答
反對 回復 2022-09-11
  • 1 回答
  • 0 關注
  • 163 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號