使用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