Question

我在模式打开时需要自动播放的模式中有youtube视频iframe，因此当打开模态时，我将iframe的template<> class A { /* not name X */};设置为视频的嵌入网址src。这适用于第一个视频，任何其他视频不会自动播放。视频加载很好，我可以播放它们。他们只是不尊重?autoplay=1选项。

以下是我用来替换iframe的autoplay：

的代码

src

我还尝试使用jquery的$modalVideoPreviewIframe.attr('src', sessionPreviewVideoId && `https://www.youtube.com/embed/${sessionPreviewVideoId}?autoplay=1`);和clone在设置replaceWith之前用新元素替换iframe：

src

Answer 1

我最终使用YouTube iframe SDK：

$('#session-modal-video').replaceWith('<div id="session-modal-video"></div>');
const player = new YT.Player('session-modal-video', {
  height: '390',
  width: '640',
  videoId: sessionPreviewVideoId,
  events: {
    'onReady'() {
      if(autoplay) {
        player.playVideo();
      }
    },
    'onError'(error) {
      console.log('Failed to create Youtube video player', error)
    }
  }
});

替换youtube iframe src会中断自动播放

1 个答案: