我正在加载图像，而不是iframe &点击图片播放视频在同一个地方使用jquery。为桌面工作，但不为移动设备工作？

Question

由于页面加载时间问题，我正在加载图像而不是iframe视频&单击该图像，使用jquery在同一地点播放视频。台式电脑工作得很好，但移动设备却不行？？

，我想用自动播放iframe取代图像-使用jquery点击图像后的视频。我做到了，在桌面上工作很好，但是在移动设备上，图像被iframe视频所取代。但是如果不播放自动播放的视频呢？这发生在台式机上..

我的代码片段：

HTML：

<div class="laptop-wrapper" id="lptop_vdo" style="display: none;">              
</div>

<div class="laptop-wrapper" id="lptop_img">
      <img class="img-responsive" src="<?php echo BASE_IMAGE; ?>iframeVdo.jpg">            
</div>

Jquery：

<script>
    $(document).ready(function() {
      $('#lptop_img').on('click', function(ev) {

          $('#lptop_img').hide();
          $('#lptop_vdo').show();
          $('#lptop_vdo').html('<iframe id="blz_main_vdo" width="560" height="315" src="https://www.youtube.com/embed/QQDVzP__Xhs?rel=0&amp;showinfo=0&amp;autoplay=1" allow="autoplay; encrypted-media" frameborder="0" allowfullscreen data-play="1"></iframe>');
          ev.preventDefault();

      });
    });
</script>

为什么iframe自动播放不能在移动设备中工作(我正在尝试使用jquery，用iframe自动播放代替图像。但是在更换后，自动播放并不仅仅发生在移动设备上？？)

请给我一些想法。因为在我的网站上有更多的视频。

Answer 1

你不能在所有的移动设备上自动播放..。有些设备会像iOS一样阻止自动播放.

在这个堆叠溢出的地方有很多这样的问题。你可以像Autoplay audio files on an iPad with HTML5，Youtube autoplay not working on mobile devices with embedded HTML5 player和Youtube embedded video: autoplay feature not working in iphone那样检查它们