<分区>
<分区>
有一个奇怪的问题,即视频不会在 Apple 设备上自动播放,仅在滚动时播放并在几帧后停止,而在 Windows 和 Android 设备上则完美运行。所有设备均使用 Chrome 浏览器进行测试。
我使用这行代码让我的视频在部署时自动播放,它适用于除 Apple 设备之外的所有设备,即使使用 Chrome 浏览器也是如此。
<video class="logo-video animated fadeInUp" loop autoplay muted oncanplay="this.play()" onloadedmetadata="this.muted = true">
<source src="../../../assets/videos/log.mp4">
</video>
我一直在寻找在部署时自动播放的其他方法,但这是我在 Angular 上拥有的唯一解决方案。该视频没有音轨并且已静音,这不应该是问题。
最佳答案
Safari 最近开始默认禁止自动播放带音轨的视频。您可能需要查看此内容来解决此问题:
关于HTML 视频无法在苹果设备(Chrome/Safari/等)上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59381141/
相关文章:
ios - [iOS][cocos2d] CCCallFuncND 警告消息
ios - ScrollView 居中并在第一次显示内容时填充内容 [SwiftUI]
angular - 在 Angular Material 2 的 md-select 中设置默认选项
javascript - 我有一个在线工具可以将 HTML 转换为字符串吗?
ios - NSTextAttachment 图像不显示在 iOS 8 设备上(使用 iOS7.1 sdk)
javascript - 无法在 Typescript 中调用函数内的函数
css - 如何使用 Bootstrap 4/bootstrap-native-v4 刷新选项卡内容