html添加自动视频播放器,html5教程:[3]video标签轻松添加视频

HTML5添加视频非常的简单,简单到像你平常使用聊天工具一样,下面简单介绍一下如何使用video标签添加视频,编程零基础也可以轻松实现添加视频。

示例一:  (复制以下代码到你的文本文档中,改名为lady.html)    

     您的浏览器不支持video标签    打开后如图所示,你能看到一个类似与图片的页面。

c389e6fd1a76c9df99deb1e93860328e.png

SRC标签说明:或许有些人进去以后什么都没显示?不要着急,一定是你的视频设的路径不对。SRC=“这儿是你放视频的位置”     如果你的视频叫 lady.mp4    那代码就应该是  src="lady.mp4"如果你想整理一下,把他放在了   media文件下。。。。那代码就应该是 src="media\lady.mp4"

5fc36048cec06d74e7d28fdffb681282.png

controls标签说明:如果出现该属性,则向用户显示控件,比如播放按钮,暂停,快进等按钮。您的浏览器不支持video标签

23dab5b9aee52308912cf8177ad6882c.png

68638f3d329bee61b3c4eaaa2dca6050.png

Height、Wigth标签:跟他的意思一样,用来修改视频播放器的尺寸,这个你可以自己调试。您的浏览器不支持video标签

52348cc01a907838c8c56fd9f073f09f.png

Autoplay标签:如果出现该属性,则视频在就绪后马上播放。您的浏览器不支持video标签

43b654ee51b84f9455df3da3750dcfd8.png

LOOP标签:如果出现该属性,则当媒介文件完成播放后再次开始播放。其实就是循环播放了,这个就不给大家截图了。

preload标签:很多时候我们在本地测试很流畅,但上传了网站就感觉很卡,这是网速的关系,在这儿利用这个标签,可以实现缓冲前,大家不至于看的那么卡。

ea38c3e8b540ad8b6a991ec8874b9b4f.gif

举报/反馈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值