HTML连载8-video标签

一、video标签
1.作用:播放视频
2.格式:<video src="视频地址“>
3.可添加的属性:
(1)autoplay="autoplay"代表可以在页面中自动播放,不可被用户中断
(2)controls="controls”用于显示视频的控制条
(3)poster="地址“用于播放视频之前显示什么东西(图片)
(4)loop="loop"循环播放该视频(一般广告就是这么放上去的)
(5)preload=预加载视频(演示的为本地视频视频,所以在这里演示不了)注意:preload与autoplay相冲突。
(6)muted=”muted“静音选项
(7)width、height属性,用于设置视频框的大小。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>d52_vidoe_labelz</title>
</head>
<body>
<video src="神秘巨星.mp4" controls="controls" poster="image/play_tennis.jpg"  height="500px" width="600px">华盛顿邮报</video>
</body>
</html>
<!--autoplay="autoplay" loop="loop" preload="preload"-->

8.1
二、源码
d52_vidoe_label1
地址:https://github.com/ruigege66/HTML_learning/blob/master/d52_vidoe_label1
2.CSDN:https://blog.csdn.net/weixin_44630050(心悦君兮君不知-睿)
3.简书:https://www.jianshu.com/u/a9169ca4f1c9(心悦君兮君不知dqr)
4.欢迎关注微信公众号:傅里叶变换

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值