HTML09媒体标签(DAY 51)

媒体标签用来在网页中做音频和视频

1:视频

.mp4文件
在这里插入图片描述
还是和img标签一样的操作 video +tab 自动生成后,在src里面输入地址 …/返回上一级,随后/ / 选择。
如果没有加controls 不会在打开的页面跳出视频,可以在新标签页打开,加上controls即可。我们来试一试

1:视频不加controls会发生什么

在这里插入图片描述
鼠标放上去也不能播放,只能右键,
在这里插入图片描述在这里插入图片描述
右键打开后,视频会自动播放。

重点!!!

在这里插入图片描述
学习和实践相结合,可以看见,我们右键打开的页面中,页面源代码的video后面加了一个controls 这表明可以点击播放,并且后面加了一个autoplay 这就说明我们可以自动播放!

2:加上controls

在这里插入图片描述
在这里插入图片描述
加上controls 之后就发现可以点击播放了!
再加个autoplay 那么他就会自动播放了
在这里插入图片描述
在这里插入图片描述

2:音频

在这里插入图片描述
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张学恒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值