YouTube 视频意外打开并阻止移动设备

Question

这是在屏幕上显示 3 个视频的 html。在移动设备（例如三星 S8）上查看时，屏幕会自动激活。

<div class="row bottom-whitespace">
        <div class="col-sm-4">
        <figure class="img-tbtext video-icon">
        <div class="vid-banner"><img src="../assets/images/video-img1.jpg" class="hover-img">
        <div class="lazyOwl"><img src="../assets/images/play-Icon.png"></div>
        </div>
        <a class="gallery" data-flashy-type="video" href="https://youtu.be/ZfDRNqWfGas" frameborder="0" allowfullscreen=""></a>
        <h5>Change, project and task management</h5>
         </figure>
       </div>
               <div class="col-sm-4">
        <figure class="img-tbtext video-icon " style="background: #ffc107;">
         <div class="vid-banner"><img src="../assets/images/video-img2.jpg" class="hover-img">
        <div class="lazyOwl"><img src="../assets/images/play-Icon.png"></div></div>
        <a class="gallery" data-flashy-type="video" href="https://youtu.be/MY_CFDnNTzU" frameborder="0" allowfullscreen=""></a>
        <h5>Process excellence & waste management</h5>
         </figure>
       </div>
               <div class="col-sm-4">
        <figure class="img-tbtext video-icon" style="background: #8bc34a;">
         <div class="vid-banner"><img src="../assets/images/video-img3.jpg" class="hover-img"><div class="lazyOwl"><img src="../assets/images/play-Icon.png"></div></div>
        <a class="gallery" data-flashy-type="video" href="https://youtu.be/gYfdvWWf1p8" frameborder="0" allowfullscreen=""></a>
        <h5>Quality control, Audit and Quality assurance</h5>
         </figure>
     </div>
</div>

Answer 1

自动播放视频

在 Safari 和其他一些浏览器（移动设备）中，视频自动播放被阻止，需要用户主动输入。 Safari 和 Chrome 会根据您的浏览器行为决定算法：

Safari：https://www.cnet.com/news/wwdc-privacy-high-sierra-safari-blocking/

铬：https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

你能给我们一些可重现的代码吗？通过这种方式，我们可以检查发生了什么，并可能找到您的问题。 :)