多媒体标签

<video src="example.mp4" controls>
  <p>你的浏览器不支持 HTML5 视频，请下载<a href="example.mp4">视频文件</a>。</p>
</video>

• src：视频文件的网址。
• controls：播放器是否显示控制栏。该属性是布尔属性，不用赋值，只要写上属性名，就表示打开。如果不想使用浏览器默认的播放器，而想使用自定义播放器，就不要使用该属性。
• width：视频播放器的宽度，单位像素。
• height：视频播放器的高度，单位像素。
• autoplay：视频是否自动播放，该属性为布尔属性。
• loop：视频是否循环播放，该属性为布尔属性。
• muted：是否默认静音，该属性为布尔属性。
• poster：视频播放器的封面图片的 URL。
• preload：视频播放之前，是否缓冲视频文件。这个属性仅适合没有设置autoplay的情况。它有三个值，分别是none（不缓冲）、metadata（仅仅缓冲视频文件的元数据）、auto（可以缓冲整个文件）。
• playsinline：iPhone 的 Safari 浏览器播放视频时，会自动全屏，该属性可以禁止这种行为。该属性为布尔属性。
• crossorigin：是否采用跨域的方式加载视频。它可以取两个值，分别是anonymous（跨域请求时，不发送用户凭证，主要是 Cookie），use-credentials（跨域时发送用户凭证）。
• currentTime：指定当前播放位置（双精度浮点数，单位为秒）。如果尚未开始播放，则会从这个属性指定的位置开始播放。
• duration：该属性只读，指示时间轴上的持续播放时间（总长度），值为双精度浮点数（单位为秒）。如果是流媒体，没有已知的结束时间，属性值为+Infinity。

<video width="400" height="400"
       autoplay loop muted
       poster="poster.png">
</video>

<video controls>
  <source src="example.mp4" type="video/mp4">
  <source src="example.webm" type="video/webm">
  <p>你的浏览器不支持 HTML5 视频，请下载<a href="example.mp4">视频文件</a>。</p>
</video>

<audio controls>
  <source src="foo.mp3" type="audio/mp3">
  <source src="foo.ogg" type="audio/ogg">
  <p>你的浏览器不支持 HTML5 音频，请直接下载<a href="foo.mp3">音频文件</a>。</p>
</audio>

• autoplay：是否自动播放，布尔属性。
• controls：是否显示播放工具栏，布尔属性。如果不设置，浏览器不显示播放界面，通常用于背景音乐。
• crossorigin：是否使用跨域方式请求。
• loop：是否循环播放，布尔属性。
• muted：是否静音，布尔属性。
• preload：音频文件的缓冲设置。
• src：音频文件网址。

<video controls src="sample.mp4">
   <track label="英文" kind="subtitles" src="subtitles_en.vtt" srclang="en">
   <track label="中文" kind="subtitles" src="subtitles_cn.vtt" srclang="cn" default>
</video>

• label：播放器显示的字幕名称，供用户选择。
• kind：字幕的类型，默认是subtitles，表示将原始声音成翻译外国文字，比如英文视频提供中文字幕。另一个常见的值是captions，表示原始声音的文字描述，通常是视频原始使用的语言，比如英文视频提供英文字幕。
• src：vtt 字幕文件的网址。
• srclang：字幕的语言，必须是有效的语言代码。
• default：是否默认打开，布尔属性。

• type：指定外部资源的 MIME 类型。
• src：指定源文件，用于<video>和<audio>。
• srcset：指定不同条件下加载的图像文件，用于<picture>。
• media：指定媒体查询表达式，用于<picture>。
• sizes：指定不同设备的显示大小，用于<picture>，必须跟srcset搭配使用。

<embed type="video/webm"
       src="/media/examples/flower.mp4"
       width="250"
       height="200">

• height：显示高度，单位为像素，不允许百分比。
• width：显示宽度，单位为像素，不允许百分比。
• src：嵌入的资源的 URL。
• type：嵌入资源的 MIME 类型。

<embed type="video/quicktime" src="movie.mov" width="640" height="480">

<embed src="whoosh.swf" quality="medium"
       bgcolor="#ffffff" width="550" height="400"
       name="whoosh" align="middle" allowScriptAccess="sameDomain"
       allowFullScreen="false" type="application/x-shockwave-flash"
       pluginspage="http://www.macromedia.com/go/getflashplayer">

<object type="application/pdf"
    data="/media/examples/In-CC0.pdf"
    width="250"
    height="200">
</object>

• data：嵌入的资源的 URL。
• form：当前网页中相关联表单的id属性（如果有的话）。
• height：资源的显示高度，单位为像素，不能使用百分比。
• width：资源的显示宽度，单位为像素，不能使用百分比。
• type：资源的 MIME 类型。
• typemustmatch：布尔属性，表示data属性与type属性是否必须匹配。

<object data="movie.swf"
  type="application/x-shockwave-flash"></object>

<object data="movie.swf" type="application/x-shockwave-flash">
  <param name="foo" value="bar">
</object>