我如何让我的iframe与来自post_meta的url一起工作？

我制作了一个自定义元框，用于向帖子添加URL，稍后可以在前端页面上显示。此url已正确插入到我的数据库中。然后，我通过以下方式在代码中获取url：

<?php
 $get_video_url = get_post_meta(get_the_ID(), \'video_url\', true);
 //echo $get_video_url;
 //When I echo the variable, it\'s giving me te correct URL back for each post
?>

现在我正在努力让我的iFrame工作。但它在控制台中给了我这个错误：

Refused to display \'https://www.youtube.com/watch?v=OVoXDk8ps10\' in a frame because it set \'X-Frame-Options\' to \'sameorigin\'

我所知道的是watch?v= 当URL从数据库中取出时，在URL内部，对于iFrame，URL需要与embed 例如：https://www.youtube.com/embed/OVoXDk8ps10

Question
我的问题是，如何在从数据库获取URL后更改URL，以及如何让iFrame在前端工作？

我正在使用以下代码尝试显示我的iFrame：

<p style="text-align: center;"><iframe src="<?php echo $get_video_url; ?>" 
frameborder="0" allowfullscreen></iframe></p>

<div class="featured-img-blog"> <?php global $wp_embed; $get_video_url = get_post_meta(get_the_ID(), \'video_url\', true); echo "<p align=center>" . $wp_embed->run_shortcode(\'[embed]\' . $get_video_url . \'[/embed]\') . "</p>"; ?> </div>

Bootstrap主题嵌入的iFrame失真

我试图在页面上嵌入视频，但它们显示的都是伸展的。Here\'s what it should look like, 和this is what it currently looks like.以下是我的嵌入代码：<iframe width=\"100%\" src=\"https://www.youtube.com/embed/Fj5O0V9WWug?rel=0\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscre

相关推荐

Bootstrap主题嵌入的iFrame失真