Youtube 嵌入在 WP 编辑器中看起来不错，但在预览页面中过大答案

【问题标题】：Youtube embed looks fine in WP editor but oversize in preview pageYoutube 嵌入在 WP 编辑器中看起来不错，但在预览页面中过大
【发布时间】：2021-04-08 01:18:58
【问题描述】：

我遇到了这个问题，我在 wordpress 编辑器中嵌入了一个 YT 视频，它在其中填充并且看起来很好，但是当我检查帖子的预览页面时，视频是方形的并且超大。

这是编辑器的视图，看起来很正常。

in editor view

这是我查看预览页面时的视频视图。

how it appears on preview page

这两个视图是在使用 YT 嵌入块时。我尝试使用代码块并粘贴视频的 YT 嵌入代码，但这只是导致嵌入代码显示在预览页面上。

任何关于如何解决此问题以使视频正常显示的建议将不胜感激。

【问题讨论】：

标签： wordpress youtube embed block

【解决方案1】：

正如您提到的块，我猜您正在使用来自 Wordpress 的 Gutenberg 编辑器。要显示响应式嵌入，您的主题需要支持它们。您需要将以下内容添加到您的function.php。

嵌入块自动将样式应用于嵌入内容反映嵌入在 iFrame 中的内容的纵横比。

<?php
if ( ! function_exists( 'theme_supports' ) ) {
  add_action( 'after_setup_theme', 'theme_supports' );
  function theme_supports() {
    add_theme_support( 'responsive-embeds' );
  };
}; ?>

了解详情

主题支持@https://developer.wordpress.org/block-editor/developers/themes/theme-support/

【讨论】：