Question

我尝试在youtube视频上使用全屏模式，它在IE和Firefox上运行良好，但在Chrome上，它不是视频，而是全屏显示的网站。

我使用Zerif。

我尝试以下方式：

<div class="embed-responsive embed-responsive-16by9" style="margin:8px">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/bO2sbzgo4wQ" allowfullscreen></iframe>
</div>

和

<div class="embed-responsive embed-responsive-16by9" style="margin:8px">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/wCc2v7izk8w"  webkitallowfullscreen mozallowfullscreen  allowfullscreen></iframe>
</div>

和

<div class="embed-responsive embed-responsive-16by9" style="margin:8px">

    <div id="ytplayer"></div>
    <script>
      // Load the IFrame Player API code asynchronously.
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/player_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // Replace the 'ytplayer' element with an <iframe> and
      // YouTube player after the API code downloads.
      var player;
      function onYouTubePlayerAPIReady() {
        player = new YT.Player('ytplayer', {
          height: '390',
          width: '640',
          videoId: 'M7lc1UVf-VE'
        });
      }
    </script>
</div>

我也尝试使用<object>，但每当它在IE和Firefox上工作时，Chrome就会在网站上全屏显示。

对不起我的英文并感谢您的帮助。

Answer 1

这是Chrome中的一个错误。它曾在过去报道过，但还没有消息。

这是由YouTube的HTML5播放器引起的。您可以通过强制使用旧的Flash播放器来解决此问题。

转到this site以生成嵌入代码。

不是最好的解决方案，但我希望它有所帮助！

更新：如果您使用<iframe>，则可以使用javascript强制全屏视频。查看this API文档了解更多信息。

Chrome上的全屏视频在网站上全屏显示

1 个答案: