html5 兼容版本 video

2018-06-24 02:06:39来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise -->
<!-- warning: playback does not work on iOS3 if you include the poster attribute! fixed in iOS4.0 -->
<video width="640" height="360" controls>
  <!-- MP4 must be first for iPad! -->
  <source src="__VIDEO__.MP4" type="video/mp4" /><!-- Safari / iOS video    -->
  <source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera / Chrome10 -->
  <!-- fallback to Flash: -->
  <object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
    <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
    <param name="movie" value="__FLASH__.SWF" />
    <param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
    <!-- fallback image. note the title field below, put the title of the video there -->
    <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
         title="No video playback capabilities, please download the video below" />
  </object>
</video>
<!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want -->
<p> <strong>Download Video:</strong>
  Closed Format:  <a href="__VIDEO__.MP4">"MP4"</a>
  Open Format:  <a href="__VIDEO__.OGV">"Ogg"</a>
</p>

  

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:一道前端学习题

下一篇:CSS实现兼容性的渐变背景(gradient)效果