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

我使用了这个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

Answer 2

无需将youtube视频嵌入到您网页的内容中，模板作者已经解释过您只需要转到Core admin＆gt;主页并选择youtube视频背景作为主页内容

如何在wordpress（核心主题）中制作整个页面宽度和高度的YouTube嵌入式视频

2 个答案: