HTML <video>标签和属性,定义视频流

<video>标签

<video>标签可以用于定义HTML文档中的视频。video元素是行内元素,包含起始标签和结束标签。

<video></video>

video元素的属性

属性描述
srcurl指定视频的url地址
controlscontrols显示视频控件
autoplayautoplay视频加载就绪之后自动播放
looploop指定视频循环播放
width自定义数值指定视频宽度
height自定义数值指定视频高度
nutedmuted视频静音设置
posterurl指定视频封面
preloadpreload指定视频在页面加载时进行加载,并预备播放,如果设置了autoplay属性,则该属性被忽略

video元素实例代码,及在线编辑器

<video controls src='../../static/img/test.mp4' width='100%' height='200px;'></video>

实例代码提示

如上代码,视频的时间长度之所以显示为0,是因为网站的服务器上并没有存在test.mp4的文件。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.