文章/答案/技术大牛

发布

问如何对视频进行对焦
EN

WordPress Development用户

提问于 2017-02-16 08:13:13

回答 1查看 2.4K关注 0票数 2

我不能在wordpress博客文章中对视频进行居中。以下是视频所用的短代码：

[video width="1920" height="1080" m4v="http://p4s.ccafs.cgiar.org/wp-content/uploads/2017/02/RHoMIS-Fieldwork.m4v"][/video]

这是一个mp4视频文件，从我上传的媒体。我尝试将此添加到我的style.css中，但仍然没有工作：

.wp-video {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

任何帮助请..。

回答已采纳

发布于 2017-02-16 09:08:39

要使元素居中，您还必须对它的父元素进行样式设置。比方说，你的视频有这样的结构：

<div class="parent-class"> 
    <video class="wp-video">
    </video>
</div>

要对视频进行中心化，你必须给它的父母一个宽度。使用：

.parent-class{
    width:100%;
    display:block;
}

现在，您可以使用它来完成最后的操作：

.wp-video {
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
    display: block
}

请注意，您必须为这个视频定义一个宽度，因为您的视频的宽度为192 to，这肯定会使大多数屏幕溢出。

票数 1

页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://wordpress.stackexchange.com/questions/256660

复制

相似问题

问如何对视频进行对焦EN