video与audio的使用
Posted 结合是仙女
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了video与audio的使用相关的知识,希望对你有一定的参考价值。
html5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。
这些方法、属性和事件允许您使用 javascript 来操作 <audio> 和 <video> 元素。
·首先带大家熟悉一下video标签的属性方法,根据属性方法做一个小demo,
-
HTML5
支持的视频格式:Ogg
- 带有
Theora
视频编码+Vorbis
音频编码的Ogg
文件 - 支持的浏览器:
F
、C
、O
- 带有
MEPG4
- 带有
H.264
视频编码+AAC
音频编码的MPEG4
文件 - 支持的浏览器:
S
、C
- 带有
WebM
- 带有
VP8
视频编码+Vorbis
音频编码的WebM
格式 - 支持的浏览器:
I
、F
、C
、O
- 劣势:视频少、转码器几乎没有,不好转码
- 带有
-
想要
video
能自动填充慢父div的大小,只要给video
标签加上style="width= 100%; height=100%; object-fit: fill"
即可 - 指定一种视频格式,不能播就提示
- <video id="media" src="examp.mp4" width="500" poster="examp1.jpg" >您的浏览器不支持video</video>
<video controls = “controls”>
<source src=”1.mp4” type=”video/mp4” /> //src属性写到source标签中,要指定视频的type类型,例如MP4的即为type=“video/mp4”
<source src = “2.ogg” type=”video/ogg” /> //ogg格式
<source src=”3.webm” type=”video/webm” /> //webm格式
</video>
以上是关于video与audio的使用的主要内容,如果未能解决你的问题,请参考以下文章