如何集中HTML5视频?

前端之家收集整理的这篇文章主要介绍了如何集中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相关文章