html5的视频标签

时间:2012-03-27 11:09:51

标签: html5 video tags

我熟悉html4但不熟悉html5。我开始学习了。但我坚持使用视频和音频标签。    对于视频标签,我写的是:

<video width="320" height="240" controls="controls" style="border:2px solid #ccc;">
   <source src="Wildlife.mp4" type="video/mp4" />
   <source src="Wildlife.wmv" type="video/wmv" />
   Your browser does not support the video tag.
  </video>

其中音频标签的代码如下:

<audio controls="controls">
    <source src="Kalimba.ogg" type="audio/ogg" />
    <source src="Kalimba.MP3" type="audio/mpeg" />
    Your browser does not support the audio element.
   </audio>

视频文件&#34; Wildlife.wmv&#34;和音频文件&#34; Kalimba.MP3&#34;在上面的html文件所在的同一文件夹中。 我还承认我从http://www.w3schools.com/html5/html5_video.asp得到的这些类型的代码虽然我不明白需要用不同的扩展名编写源代码两次。

1 个答案:

答案 0 :(得分:1)

嗯,这是为了后备,webkit浏览器只支持某种类型的文件,而基于gecko的浏览器(如Firefox)只支持另一种类型。因此,它可以适应浏览器之间的差异,并允许所有浏览器正确显示文件。

如果我建议,请不要去w3schools获取信息。这是一个普遍糟糕且误导性的网站。