网页上播放视频

<video poster="" controls="true" width="200" height="200">
    <source src="https://poster-1253412830.cos.ap-beijing.myqcloud.com/NoBusId/normal%20video%283187291662610144123%29.mp4" type="video/mp4"/>
</video>

这段代码是HTML中的一个video元素,用于在网页上播放视频。下面是对各个部分的解释:

  1. <video poster="" controls="true" width="200" height="200">:这是video元素的开始标签。poster属性用于设置视频的预览图像,但在这里它是空的。controls属性设置为true,表示在视频上显示控制条,允许用户控制视频的播放。widthheight属性设置了视频的宽度和高度,都是200像素。

  2. <source src="https://poster-1253412830.cos.ap-beijing.myqcloud.com/NoBusId/normal%20video%283187291662610144123%29.mp4" type="video/mp4"/>:这是source元素,用于指定视频文件的来源。src属性设置了视频文件的URL,type属性指定了视频文件的MIME类型,这里是video/mp4,表示这是一个MP4视频。

  3. </video>:这是video元素的结束标签。

总的来说,这段代码创建了一个200x200像素的视频播放器,视频文件来自指定的URL,用户可以通过控制条来控制视频的播放。

2、

在HTML中,source元素通常与audiovideo元素一起使用,用于为这些元素提供媒体资源。source元素允许你指定多个媒体资源,浏览器会选择最适合的一个进行播放。

例如,你可能有一个视频,既有MP4格式,也有WebM格式。你可以使用两个source元素,一个指向MP4视频,一个指向WebM视频。这样,如果浏览器支持MP4,就会选择MP4视频,否则就会选择WebM视频。

<video controls>
  <source src="myVideo.mp4" type="video/mp4">
  <source src="myVideo.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

在这个例子中,如果浏览器既不支持MP4也不支持WebM,就会显示"Your browser does not support the video tag."这个文本。

总的来说,使用source元素可以让你的媒体播放更加灵活和兼容。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Jim-zf

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

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

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

打赏作者

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

抵扣说明:

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

余额充值