如何使用视频标签在html中播放不同格式的视频

时间:2018-02-22 10:41:14

标签: html css html5 video

我有一个页面,我需要显示不同扩展名的视频。

示例:.mp4.wmv

<video width="100%" controls>
   <source data-ng-src="{{video.url}}" type="video/*">
        Your browser does not support this video.
</video>

我只是放了一个明星,但它没有播放我的视频。显示一个空屏幕。任何人都可以建议我帮忙。谢谢。

1 个答案:

答案 0 :(得分:0)

如果您需要它来支持多种类型的视频,您必须添加多个source这些视频。浏览器会选择合适的播放器。

而且,您的代码不包含src属性。

&#13;
&#13;
<video width="100%" controls>
  <source src="http://www.educationalquestions.com/video/ELL_PART_5_768k.wmv" type="video/wmv">
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>
&#13;
&#13;
&#13;

相关问题