Question

我有以下显示视频的html5代码：

＆＃13;

<section class="video">
  <h2>Video from last year</h2>
  <video src="http://ak.channel9.msdn.com/ch9/265b/9a76fccd-941e-4285-ad00-9ea200aa265b/MIX09KEY01_high_ch9.mp4"></video>
  <div class="video-controls" style="display: none">
    <button class="video-play">Play</button>
    <button class="video-pause">Pause</button>
    <span class="video-time"></span>
  </div>
</section>

＆＃13;

我在许多电脑上尝试过它的相同规格但是只有一部电脑没有显示出来。为什么？

Answer 1

在`html5'中使用<video>标记时，最佳做法是：

包含宽度和高度属性，以避免视频在加载时闪烁。
并非每个浏览器都能使用特定格式，因此您还需要添加其他格式。
如果浏览器无法使用“视频”标记，那么放置一些文本也很有用。

     <h2>Video from last year</h2>
        <video width="320" height="240" controls>
          <source src="my_video.mp4" type="video/mp4"/>
          <source src="my_video.ogg" type="video/ogg"/>
          <source src="my_video.webm" type="video/webm"/>
          We are sorry but your browser does not support the video tag.
        </video>
    </section>

如果您希望将图像显示为通常称为“海报”的占位符

，也可以

<video width="320" height="240" controls poster="poster_image.png">

旧浏览器根本不支持“视频”标记。

视频HTML5标记在IE中无效

1 个答案: