HTML 视频无法在苹果设备(Chrome/Safari/等)上运行

标签 html ios angular typescript autoplay

<分区>

有一个奇怪的问题,即视频不会在 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 最近开始默认禁止自动播放带音轨的视频。您可能需要查看此内容来解决此问题:

https://stackoverflow.com/a/50170196/10317969

关于HTML 视频无法在苹果设备(Chrome/Safari/等)上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59381141/

上一篇:ios - 如何在 Swift 中更改 UILabel 的文本属性?

下一篇:ios - ListView 背景问题

相关文章:

ios - [iOS][cocos2d] CCCallFuncND 警告消息

ios - ScrollView 居中并在第一次显示内容时填充内容 [SwiftUI]

angular - 在 Angular Material 2 的 md-select 中设置默认选项

html - 查询字符串技巧过时了吗?

javascript - 我有一个在线工具可以将 HTML 转换为字符串吗?

ios - NSTextAttachment 图像不显示在 iOS 8 设备上(使用 iOS7.1 sdk)

javascript - 无法在 Typescript 中调用函数内的函数

css - 如何使用 Bootstrap 4/bootstrap-native-v4 刷新选项卡内容

html - 如何使用 HTML 中的 mailto 在 Outlook 中附加文件?

html - 在 Bootstrap 中,如何将页面拆分为 2 列,并且左侧部分具有固定宽度