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

你可能感兴趣的:(html,object,video,EMBED)