您的位置：首页 > Web前端 > HTML

HTML视频

2016-04-04 13:46 555 查看

使用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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html embed object video
相关文章推荐
新的分享
章节导航