HTML视频标签不适用于Safari和手机

Question

我有以下代码用于在我的页面上自动播放视频。问题是该视频在桌面浏览器上运行良好，但在桌面游戏和移动浏览器上，它只显示封面图像而不是播放视频。我在互联网上试过几个解决方案，但似乎没有一个能为我工作。

IStartup

Answer 1

Apple从iOS 6.1禁用自动播放功能，请参阅here

  

在iOS上的Safari（适用于所有设备，包括iPad）中，用户可以使用   在蜂窝网络上，按数据单位收费，预加载和   自动播放被禁用。在用户启动数据之前不会加载任何数据。   这意味着JavaScript play()和load()方法也处于非活动状态   直到用户启动播放，除非使用play()或load()方法   由用户操作触发。换句话说，用户发起的播放   按钮有效，但onLoad="play()"事件没有。

加上source

 <source src="videos/landing page video vimeo5.ogg" type="video/webm">

由于您的类型为.webm

，

应为video/webm

只是一个提示，尝试为源提供相同的名称，避免使用空格。