HTML5中的<video>标签能够插进去视频,而且还能够掌握视频的播放,停息,调治音量等。也能够根据须要设置视频的长width和高height,假如不设置视频的宽度和高度,那末页面显现大小由视频的大小决议。
注重:<video> 与</video> 标签内里的内容用于给不支撑 video 标签的阅读器显现的。
插进去视频相干的标签引见:
<video>用于定义一个视频
<source>用于设置视频的资本
<track> 能够设置在媒体播放器文本轨迹
注:使用时须要注重阅读器的兼容性,<video>标签在阅读器中的兼容性以下图所示:
实例树模1:怎样用html5在页面中插进去视频
实例详解:
起首建立<video>视频标签,设置视频的长为300px,高为200px,然后用<source>标签引入须要插进去的视频,注重援用文件的途径,细致代码以下:
<video width="300" height="200" controls> <source src="movie.ogg" type="video/ogg"> 您的阅读器不支撑Video标签。 </video>
结果图:
实例树模2:在页面中插进去能够自动播放的视频
语法:<video autoplay="autoplay">
页面中插进去能够自动播放的视频,只须要加一个属性,即HTML 中<video> 标签的autoplay 属性,将其增加到标签中,就能够完成视频的自动播放结果,而且一切主流阅读器都支撑 autoplay 属性。细致代码以下:
<video width="320" height="240" controls autoplay> <source src="movie.ogg" type="video/ogg"> 您的阅读器不支撑 video 标签。 </video>
增加HTML 中<video> 标签的autoplay 属性后,翻开页面或许革新页面时,视频会自动播放。
以上给人人引见了HTML5在页面中插进去视频的要领,以及怎样插进去能够自动播放的视频,解说细致,比较轻易明白。初学者能够本身着手尝试,找一个视频,将其插进去页面。看看你的代码能不能完成自动播放的结果,愿望这篇文章对你有所协助!
【相干教程引荐】
1. Html5视频教程
2. HTML开辟手册
3. bootstrap教程
4. CSS页面加载动画结果
以上就是怎样用HTML5在页面中插进去可自动播放的视频的细致内容,更多请关注ki4网别的相干文章!