1、示例一: (复制以下代码到你的文本文档中,改名为lady.html)<!DOCTYPE HTML> <html> <body> <video src="1\LADY.mp4">您的浏览器不支持video标签</video><body> </html> 打开后如图所示,你能看到一个类似与图片的页面。
![html5教程:[3]video标签轻松添加视频](https://exp-picture.cdn.bcebos.com/3b03be7aa010bc33d64f290892efa25f0d143fce.jpg)
2、SRC标签说明:或许有些人进去以后什么都没显示?不要着急,一定是你的视频设的路径不对。SRC=“这儿是你放视频的位置” 如果你的视频叫 lady.mp4 那代码就应该是 src="lady.mp4"如果你想整理一下,把他放在了 media文件下。。。。那代码就应该是 src="media\lady.mp4"
![html5教程:[3]video标签轻松添加视频](https://exp-picture.cdn.bcebos.com/ed792abb19efa25f3263dfc859828689a0463bce.jpg)
3、controls标签说明:如果出现该属性,则向用户显示控件,比如播放按钮,暂停,快进等按钮。<video src="1\LADY.mp4" controls>您的浏览器不支持video标签</video>
![html5教程:[3]video标签轻松添加视频](https://exp-picture.cdn.bcebos.com/c33acc828689a146f4c6f34af4bd4c7c35b334ce.jpg)
![html5教程:[3]video标签轻松添加视频](https://exp-picture.cdn.bcebos.com/7efc527c34b33c417acdcef2887de137c8762ece.jpg)
4、Height、Wigth标签:跟他的意思一样,用来修改视频播放器的尺寸,这个你可以自己调试。<video src="1\LADY.mp4" controls height="600" wight="800">您的浏览器不支持video标签</video>
![html5教程:[3]video标签轻松添加视频](https://exp-picture.cdn.bcebos.com/7c84d1672b5fd54656e1a5a77fd0b503c9d224ce.jpg)
5、Autoplay标签:如果出现该属性,则视频在就绪后马上播放。<video src="1\LADY.mp4" autoplay>您的浏览器不支持video标签</video>
![html5教程:[3]video标签轻松添加视频](https://exp-picture.cdn.bcebos.com/b442d6d246fe474e98f42e0cb0ef354f51b81fce.jpg)
6、LOOP标签:如果出现该属性,则当媒介文件完成播放后再次开始播放。其实就是循环播放了,这个就不给大家截图了。
7、preload标签:很多时候我们在本地测试很流畅,但上传了网站就感觉很卡,这是网速的关系,在这儿利用这个标签,可以实现缓冲前,大家不至于看的那么卡。
![html5教程:[3]video标签轻松添加视频](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8db363de781189c2cf7deb216ce.jpg)