Question

尝试让此代码在Safari和Firefox中具有正常运行的控件。控件显示只是没有响应。代码在Chrome中运行良好。

UNIQUE NOT NULL

谢谢，

Answer 1

代码缺少section标记的关闭标记。这可能会在某些浏览器中抛弃解析器。

只需添加一个或删除现有的开始标记：

<span class="device image fit">
  <section id="video">
     <video src="..." width="100%" controls="true">     
     </video>
  </section>  <!-- add this -->
</span>

Answer 2

问题是您尝试仅使用.mp4格式，并非所有浏览器都支持。

您需要提供不同的电影格式，并为移动设备或其他浏览器创建一些后备广告。

尝试像这样编写<video>元素：

<video controls>
  <source src="somevideo.webm" type="video/webm">
  <source src="somevideo.mov" type="video/mov">
  <source src="somevideo.mp4" type="video/mp4">
  I'm sorry; your browser doesn't support HTML5 video
</video>

大多数桌面和移动浏览器都支持此功能。

.mov - Safari，iOS Safari支持。
.mp4 - 受Chrome支持， Android Chrome和Android浏览器，IE。
.webm - 受Firefox，Chrome和IE支持。

如需进一步阅读，请查看this文章。

HTML 5视频标记控件在Safari和Firefox中不起作用

2 个答案: