HTML5视频无法在Firefox和Chrome中运行？

Question

我在下面使用这个片段.在safari中单击时视频有效,但在firefox中点击时无效,即Chrome和Chrome.

片段:

      <video width="560" height="340" controls>
      <source src="/media/intro.mp4" type='video/mp4; 
      codecs="avc1.42E01E, mp4a.40.2"'>
      </video>

Answer 1

您需要将mp4视频转换为ogv并将其作为源包含.包含视频的webm版本也是一个好主意.

您可以使用此程序进行转换.仅适用于 Windows,XMedia Recode

<video width="560" height="340" controls="controls">
      <source src="media/intro.mp4" type="video/mp4"/>
      <source src="media/intro.ogv" type="video/ogg"/>
      <source src="media/intro.webm" type="video/webm"/>
</video>