html视频无法在移动设备上加载。播放按钮删除线

Question

以手机方式实施的GIF有时无法在手机上加载

<video src="/wp-content/uploads/2017/09/5.mp4" 
preload="metadata" autoplay="autoplay" loop="loop" 
muted="muted" controls="controls" width="305" height="170"></video>

This page contains some examples，它包含10个GIF并且随机加载错误，如下所示：

这一切都在wordpress中完成，GIF被添加到媒体库中。 在safari和chrome中都会出现错误，到目前为止我已尝试过：

preload="none", preload="auto", removed preload

在桌面浏览器上，它运行得非常好。

Answer 1

这可能是某些操作系统无法理解的视频格式问题。您还应提供webm格式的视频作为替代方案。 （即source标记内有两个video标记，src属性中包含不同的文件格式）

示例：

<video width="480" height="320" controls>
  <source src="my_movie.mp4" type="video/mp4">
  <source src="my_movie.webm" type="video/webm">
</video> 

您还可以添加.ogg文件

根据我的经验，＆＃34; Miro Video Converter＆＃34;是一个很好的工具，以一种方式转换视频文件，以便尽可能多的浏览器/操作系统识别它们。