如何集中HTML5视频？

我只是搞砸了一些HTML5，我试图在视频中心的页面上。由于某种原因，我不能得到它的中心。我试图添加一个类到视频标签本身，我已经将视频包装在一个单独的div。但是，视频保留在左侧。

<!DOCTYPE HTML>
<html>
  <head>
    <title>Test</title>
    <script type="text/css">
    .center {
      margin: 0 auto;
    }
    </script>
  </head>
  <body>
    <div class="center">
      <video controls="controls">
        <source src="/media/MVI_2563.ogg" type="video/ogg" />
        Your browser does not support the video tag.
      </video>
    </div>
  </body>
</html>

我知道这必须是我在早上的小时候俯瞰的东西，但任何帮助将不胜感激。

谢谢

解决方法

中心类必须有一个宽度，以使汽车差价工作：

.center { margin: 0 auto; width: 400px; }

然后我会将中心类应用于视频本身，而不是一个容器：

<video class='center' …>…</video>

如何集中HTML5视频？

解决方法

相关文章