YouTube视频意外打开并阻止移动设备
提问于 2020-05-29 19:33:28
这是在屏幕上显示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>
回答 1
Stack Overflow用户
发布于 2020-05-29 19:57:25
自动播放视频
在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
你能给我们一些可重现的代码吗？这样我们就可以检查发生了什么，也许还能找到你的问题。:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62093429
复制相关文章
![office2016、office365和office其它版本JH[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/44c0c0f24dbe892e0b7bf97592a2bee5.png)
点击加载更多
腾讯云开发者
