HTML视频

使用embed插入视频

<embed width="320" height="240" src="http://www.w3school.com.cn/i/movie.mp4"></embed>

注意: HTML4 无法识别 <embed> 标签,使用 <!DOCTYPE html> (HTML5) 解决验证问题。

使用object插入视频

<object width="320" height="240" data="http://www.w3school.com.cn/i/movie.mp4"></object>


使用HTML5的video标签

<video width="320" height="240" controls="controls">
  <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4" />
  <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg" />
  <source src="http://www.w3school.com.cn/i/movie.webm" type="video/webm" />
  Your browser does not support the video tag.
</video>

注意: <video>元素无法通过 HTML 4 和 XHTML 验证。使用 <!DOCTYPE html> (HTML5) 解决验证问题。

使用HTML5 + object + embed

<video width="320" height="240" controls="controls" autoplay="autoplay">
  <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg" />
  <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4" />
  <source src="http://www.w3school.com.cn/i/movie.webm" type="video/webm" />
  <object data="http://www.w3school.com.cn/i/movie.mp4" width="320" height="240">
    <embed width="320" height="240" src="http://www.w3school.com.cn/i/movie.swf" />
  </object>
</video>

上例中使用了 4 中不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素。

优酷解决方案

如果您希望在网页中播放视频,那么您可以把视频上传到优酷等视频网站,然后在您的网页中插入 HTML 代码即可播放视频:

<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" 
width="480" height="400" 
type="application/x-shockwave-flash">
</embed>


使用超链接,浏览器会启动”辅助应用程序”

<a href="http://www.w3school.com.cn/i/movie.mp4">play a video</a>



更多请参考:W3School

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值