如何在 wordpress（核心主题）中使 YouTube 嵌入视频成为整页宽度和高度

Question

我正在尝试将来自 youtube 的视频嵌入介绍页面，该页面将使用 wordpress 核心主题占据全屏。

这是我使用的模板演示的链接：

http://themes.themegoods2.com/core/

如果您转到主页/视频背景，您将在我的网站上看到我想要的效果。

不幸的是，这是我得到的效果：

http://azurproductionvideo.com/intro/

我已经尝试了以下链接中的所有解决方案：

Embed youtube videos that play in fullscreen automatically

How to make a YouTube embedded video a full page width one?

http://avexdesigns.com/responsive-youtube-embed/

Full Width and Height Responsive Embedded YouTube Video

如果您有任何关于如何解决此问题的建议或意见，我将不胜感激。

提前感谢您的帮助。

Answer 1

无需在页面内容中嵌入 youtube 视频，模板作者已经说明您只需转到 Core admin > Homepage 并选择 youtube video background 作为主页内容

Answer 2

我使用了这个 jquery plugin。

将我的 youtube 视频 ID 保存为自定义字段。

然后将此添加到我的主页

<script type="text/javascript">

    jQuery(function(){
        var homevideo = "<div id=\"bgndVideo_home\" data-property=\"{videoURL:'https://www.youtube.com/watch?v=<?php the_sub_field('video_id'); ?>', opacity:1, autoPlay:true, containment:'body', startAt:1, stopAt:0, mute:true, optimizeDisplay:true, showControls:false, printUrl:false, loop:true, addRaster:false, quality:'default', ratio:'16/9', realfullscreen:'true', stopMovieOnClick:'false', showYTLogo:'false', gaTrack:'false'}\"></div>";
        jQuery("body").prepend(homevideo);
        jQuery("#bgndVideo_home").mb_YTPlayer();
    });

    </script>

Here is the wordpress plugin for it