You are here:  Home » PHP » 初学者指南:如何在WordPress中居中对齐视频

你想在WordPress居中对齐视频吗?默认情况下,如果您的视频宽度小于文章区域,则WordPress会自动将其与左侧对齐,从而在右侧留下额外的空白区域。在本文中,我们将向您展示如何轻松地在WordPress中居中对齐视频。

如何在WordPress中居中对齐视频

为什么中心在WordPress中对齐视频?

默认情况下,当您在WordPress中嵌入视频时,它会自动对齐到左侧。这是因为视频是内容中嵌入的外部内容,因此WordPress无法猜测您希望如何显示它。

作为最佳实践,它会自动将其对齐到左侧。如果需要,请将其留给您调整对齐。

在WordPress帖子中左对齐的视频

我们不建议将视频直接上传到WordPress,但如果上传的视频宽度小于您的内容区域,则会发生同样的情况。

话虽这么说,让我们看看如何轻松地在WordPress中对齐视频或使其更宽,以便在您的内容中看起来很好。

如何在WordPress中居中对齐视频

如果您希望视频填充内容区域的宽度,那么最好的方法是直接在帖子编辑器中添加YouTubeVimeo视频网址,而不是使用嵌入代码

只需输入URL,WordPress就会自动尝试显示适合您内容区域的视频。

添加视频网址以嵌入WordPress中的视频

但是,有时由于某种原因,您可能需要使用嵌入代码。在这种情况下,您需要在视频的嵌入代码周围添加一些简单的HTML。

首先,您需要在帖子编辑屏幕上切换到文本编辑器。之后,您需要在视频嵌入代码周围添加以下HTML代码:

<div style="text-align:center;">

/// your video embed code goes here

</div>

您现在可以保存更改并预览帖子或页面。您的视频将整齐地对齐您的内容区域的中心。

视频与中心对齐

另一种方法是手动增加视频宽度以适应内容区域。要实现此目的,您只需在嵌入代码添加或更改“width”参数即可。

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

如果您直接在WordPress上传视频,则可以使用视频短代码增加宽度

使用默认媒体上传器插入视频后,切换到“文本”编辑器并增加视频短代码中的宽度参数。

[video width =“720”height =“360”mp4 =“http://example.com/wp-content/uploads/2018/03/your-vide.mp4”] [/ video]

视频短代码

我们希望本文能帮助您了解如何在WordPress中居中对齐视频。您可能还希望看到我们对YouTubeVimeo的比较,看看哪个更适合您的网站。

评论被关闭。