您好,欢迎访问本站博客!登录后台查看权限
  • 生命有限,依然要,笑容灿烂:人海中你唔係孤單一個,會有人默默守护
  • 打了死结的青春,捆死一颗苍白绝望的灵魂。
  • 每个人有自己的人生路,适合别人的不一定适合自己!
  • 加了锁的青春,不会再因谁而推开心门。

正确的使用video元素

博客教程 谭嘉成 2020-09-18 325 次浏览 0个评论

在我们html5中,新增一个元素叫做video,video这个元素对于站长来说并不陌生,它支持播放的视频有ogg、mpeg4、webm等等这些视频格式,用法如下

<video src="tjcblog.mp4" controls="controls"></video>

在这个使用方法中,src不用解释,肯定是引用文件,那controls属性就是用来控制播放、暂停和调整音量的空间,那么同时我们可以加入height或者width设置宽度和高度的属性

很多站长都很讨厌ie,因为ie非常不友好,所以,在版本比较低的ie浏览器,很有可能不支持video元素,那我们可以在<video></video>之间插入一段文字,那么如果浏览器不支持此元素的话就会显示出来了

<video src="tjcblog.mp4" controls="controls">sorry,您的浏览器暂时不支持video标签!</video>

那么假如说我们提供的视频格式是比较小众,不像mp4格式一样,那么我们可以提供两种视频格式,浏览器会选择一个自己能够识别的格式。

<source src="video/tjcblog.mp4" tyoe="video/mp4"></source>
<source src="video/tjcblog.ogg" tyoe="video/ogg"></source>


首先代码解释,在source标签,不能说在source标签吧,在所有标签中,src属性都是引用外部文件的,然后在type属性里,是在告诉浏览器,这个是一个视频的某某格式,方便浏览器识别一种自己可以支持的格式。


已有 325 位网友参与,快来吐槽:

发表评论