小强的HTML5移动开发之路(14)——Video标签详解

时间:2022-03-04 23:22:12

来自:http://blog.csdn.net/dawanganban/article/details/18180605

在前面的小强的HTML5移动开发之路(5)——制作一个漂亮的视频播放器中制作了一个非常好用的播放器,有的朋友对其中的原理还不是很了解,这一篇文章将在前一篇的基础上深入剖析<video>标签的使用。

一、使用技巧

在html5中可以使用<audio>或者<video>标签播放html5媒体,使用方式如下:

  1. <video src="move.mp4"></video>

video标签中有很多属性,例如controls属性可以控制是否有控制台。

  1. <video src="move.mp4" controls="controls">
  2. 浏览器不支持HTML5的视频播放功能
  3. </video>

;

  • }
  • function makeSmall()
  • {
  • myVideo.width=320;
  • }
  • function makeNormal()
  • {
  • myVideo.width=420;
  • }
  • </script>
  • </body>
  • </html>