在Wordpress中嵌入垂直视频

Question

我尝试使用以下代码在 Wordpress 中嵌入垂直视频：

[视频宽度=“716”高度=“960”mp4=“example.com/test.mp4”循环=“true”自动播放=“true”预加载=“自动”][/视频]

使用上述代码嵌入时，视频显示为 16:9 比例，视频每一侧都有黑框。如何删除黑框并确保视频以 9:16 的比例垂直填满该列？

我尝试使用下面的代码，但视频显示的比例为 16:9。不知道为什么两边都出现黑框

[视频宽度=“716”高度=“960”mp4=“example.com/test.mp4”循环=“true”自动播放=“true”预加载=“自动”][/视频]

Answer 1

您可以使用本机 YouTube 块嵌入它，并将以下代码添加到“其他 CSS 类”框中：

wp-embed-aspect-9-16 wp-has-aspect-ratio

这并不完美，因为每次编辑页面时，代码都会返回到 16:9。但这是迄今为止我发现的最好的。

Answer 2

我在许多使用视频的网站上也遇到了这个问题。如今，许多视频都是卷轴形式，即垂直或纵向。

我尝试了很多像上面提到的选项。它们可以工作，但为了简单起见，我创建了一个插件来使事情变得简单。对于那些可能不太熟悉 css 或内联代码的人。

只需使用短代码和视频 ID。完成了。我也尝试让它响应。希望对您有帮助。