Видео YouTube открываются неожиданно и блокируют мобильное устройство

Question

Это html для отображения 3 видео на экране. Когда это просматривается на мобильном устройстве (например, Samsung 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/

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

Не могли бы вы дать нам воспроизводимый код? Таким образом мы сможем проверить, что происходит, и, возможно, найти вашу проблему. :)