• 密码登录
  • 手机登录
社交账号登录
阅读( ) 收藏( ) 加载中~ 我要纠错

代码实例

<video src="/yinping/yssp.mp4" poster="/uploads/allimg/20220420/1-2204201KZ4609.png" width="500px" height="300px" controls preload loop muted>您的浏览器不支持 HTML5 video 标签。</video>

尝试一下 »

点击“尝试一下”按钮查看在线实例

1、video在网页中引入视频。ie8以及以前版本不支持!

2、属性值和属性名一样,可以直接写属性名。

3、src属性:指定视频文件路径,必须要有。

4、controls属性: 是否显示播放器控件。

5、autoplay属性:视频在就绪后马上播放。

6、loop属性:视频在播放结束后重新开始,循环播放。

7、muted属性:视频属性后被静音。

8、preload属性:页面加载时就开始加载视频,并预备播放,如果使用“autoplay属性”,“preload属性”不会生效。

9、poster属性:用于在视频加载时或用户在点击播放前显示的图片

width属性和height属性

    1、width属性:设置视频宽度,height属性:设置视频高度。

    2、不设置,视频窗口显示原尺寸。

    3、如果设置一个属性,另外一个属性会根据已设置的属性按等比例缩放。

    4、如果2个属性都设置值,则会变形。

    5、默认单位为像素(px),也可以使用百分比。

<video src="视频地址" poster="图片地址" width="宽度" height="高度" controls autoplay loop muted></video>


×