微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何集中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>

原文地址:https://www.jb51.cc/html5/169399.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。