Youtube 嵌入的视频突然停止工作

问题描述

我在网站上有一个嵌入式 YouTube 播放器

这是它的设置方式。

• 标记中存在 Youtube 嵌入的 iFrame

  <iframe 
      id="video_1"
      class="yt-video"
      data-modal-id="vid_modal_1"
      src="https://www.youtube.com/embed/Fh1a2K9ZgNA?enablejsapi=1&html5=1&origin=http://d.mydomain"
      allowfullscreen=""
      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
      width="675"
      height="380"
      frameborder="0">
  </iframe>

• Youtube iframe API 在头部加载
• 在 window.onload 事件中，使用此代码创建了 YT 个玩家

  // --- file2.js ---
  //
  // --- closure code unrelated to this feature ----
  // ...
  //
  window.isYouTubeIframeAPIReady = false;

  window.onYouTubeIframeAPIReady = function () {
      window.isYouTubeIframeAPIReady = true;
  };

  function onPlayerReady() {
      alert( 'player is ready' );
  }

  $(window).on('load',function () {
      //
      // some polling happens here and code only proceeds if
      // window.isYouTubeIframeAPIReady is true
      //
      if( window.isYouTubeIframeAPIReady == true ){
          var p = new YT.Player(id,{
              'events': {
                  'onReady': onPlayerReady,'onStateChange': onPlayerStateChange
              }
          });
      }
  }

  // --- closure code unrelated to this feature ----
  // ...
  //

其中 id 是 Youtube iFrame 的 ID。

问题

onReady 事件回调仅在页面硬刷新 (Ctrl+F5) 时触发。使用浏览器刷新图标或按 F5 键的正常刷新不会触发 onReady 事件。

附加信息

Youtube iframe API javascript 文件在 file2.js 之后加载。

更新

这是显示 p 的 javascript 控制台的屏幕截图（运行时返回 new YT.Player(...)。

对象还有很多方法...截图不完整

这里它在服务器上，它没有

屏幕截图显示了完整的对象。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）