位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5 使用 video

提问人:刘团圆发布时间:2020-11-23

■知识点

HTML5新增的<video>标签可以播放视频文件或视频流,支持Ogg、MPEG4、WebM等视频格式,

用法如下。

<video src="samplemovie.mp4" controls="controls"></video>

其中src属性用于指定要播放的视频文件,controls属性用于提供播放、暂停和音量控件。<vide0>标签支持的属性如表所示。

autoplay

autoplay

如果出现该属性,则视频在就绪后马上播放

controls

controls

如果出现该属性,则向用户显示控件,如播放按钮

height

pixels

设置视频播放器的髙度

loop

loop

如果出现该属性,则当媒介文件完成播放后再次开始播放

muted

muted

设置视频的音频输出应该被静音

poster

URL

设置视频下载时显示的图像,或者在用户点击播放按钮前显示的图像

preload

preload

如果出现该属性,则视频在页面加载时进行加载,并预备播放;如果使用autoplay, 则忽略该属性

src

URL

要播放的视频的URL

width

pixels

设置视频播放器的宽度


如果浏览器不支持<video>标签,可以在<video>与</video>标识符之间嵌入替换的HTML字符串, 这样早期浏览器就可以显示这些信息了。

<video src="test.mp4" controls="controls"

您的浏览器不支持〈video〉标签。

</video>


继续查找其他问题的答案?

相关视频回答
回复(0)

特邀嘉宾

软件开发工程师——刘团圆

软件开发专业科班出身,擅长软件开发课程培训。

向TA咨询

该嘉宾的QQ群

更多>>
    返回顶部
    国产电影_2020最新好看的内地国产电影推荐_国产电影排行榜