HTML5 <video>

HTML5 中有两种方式在网页中引入视频

<video src=" " width=" " height=" " controls使用浏览器内置的控制界面  preload在页面加载时就开始下载视频 autoplay页面加载就下载,可行就播放></video>

<video>有play() 和 pause()方法,currentTime属性

例子

<video id="movie" width="320" height="240" preload controls>
	<source src="1.mp4" type='video/mp4; codecs="avc1.42E01E,mp4a.40.2" ' >
	<source src="1.webm" type='video/webm; codecs="vp8, vorbis" '>
	<source src="1.ogv" type='video/ogg; codecs="theora,vorbis" '>
	<object width="320" height="240" type="application/x-shockwave-flash" data="flowplayer-3.2.1.swf">
		<param name="movie" value="flowplayer-3.2.1.swf" />
		<param name="allowfullscreen" value="true" />
		<param name="flashvars" value='config={"clip":{"url":"http://wearehugh.com/dih5/good/bb_480p.mp4","autoPlay":false, "autoBuffering":true}}' />
		<p>Download video as
		<a href="1.mp4">MP4</a>,
		<a href="1.webm">WebM</a>, or
		<a href="1.ogv>Ogg</a>. </p>
	</object> //向后兼容
</video>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值