正确的使用video元素

谭先森 2020-09-18 21:37:28 1.43 K阅读 0评论

温馨提示:这篇文章已超过1168天没有更新,请注意相关的内容是否还可用!

在我们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属性里,是在告诉浏览器,这个是一个视频的某某格式,方便浏览器识别一种自己可以支持的格式。


发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (暂无评论,1427人围观)

还没有评论,来说两句吧...