HTML Videos

来源:互联网 发布:盘石软件怎么 编辑:程序博客网 时间:2024/06/11 17:32

其实都是从HTML Videos上面copy来的


<!DOCTYPE html>

<html>
<body>
1
<video width="320" height="240" controls autoplay>
  <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg">
  <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
  <object data="http://www.w3schools.com/html/movie.mp4" width="320" height="240">
    <embed width="320" height="240" src="movie.swf">
  </object>
</video>
2
<!-- HTML Video - Using <embed> -->
<h2>Playing the Object</h2>
<embed src="http://www.w3schools.com/html/intro.swf" width="200" height="200"><p>If you cannot see this, your computer doesn't support the format</p>
3
<!-- HTML Video - Using <object> -->
<object data="http://www.w3schools.com/html/intro.swf" height="200" width="200"></object>
4
<!-- The HTML5 <video> Element -->
<video width="320" height="240" controls>
  <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
  <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
5
<!-- HTML Video - The Best Solution -->
<video width="320" height="240" controls>
  <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
  <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg">
  <object data="http://www.w3schools.com/html/movie.mp4" width="320" height="240">
    <embed src="http://www.w3schools.com/html/movie.swf" width="320" height="240">
  </object> 
</video>
6
<!-- HTML Video - Using A Hyperlink -->
<a href="http://www.w3schools.com/html/intro.swf">Play a video file</a>


</body>
</html>
原创粉丝点击