JQUERY.MB.YTPLAYER 不工作

Question

这是我的站点链接，请帮助我>>> http://www.fahem.me/fal2u/version3.html

我只是在页眉区域添加了一个背景视频，但它不起作用...

<div class="header_area video_area">             
        <div class="container-fluid">
            <div class="row">                                    
                <div class="header_section">
                    <div id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=P5_GlAOCHyE', containment:'.header_area',autoPlay:true, loop:true, mute:true, startAt:0, opacity:1, addRaster:false, quality:'default'}">New Video
                    </div>
                    <div id="text_carosule" class="owl-carousel owl-theme">
                        <div class="item">
                            <h1>Wellcome To Fal2u</h1>
                            <p>We are professional,talented,Creative digital agency</p>
                        </div>
                        <div class="item">
                            <h1>Lorem ipsum dolor</h1>
                            <p>We love our works,we live with our works</p>
                        </div> 
                        <div class="item">
                            <h1>Lorem ipsum dolor</h1>
                            <p>We love our works,we live with our works</p>
                        </div> 
                        <div class="item">
                            <h1>Lorem ipsum dolor</h1>
                            <p>We love our works,we live with our works</p>
                        </div>                                                                        
                    </div>


                </div>
            </div>
        </div>
    </div>

Answer 1

我知道这可能有点晚了，但以防万一有人偶然发现这个问题是播放器从未初始化过。

即使您为 dataProperties 提供了 autoPlay 属性，它也不会运行。您需要添加 jQuery 代码，然后初始化播放器并开始自动播放。

在这种情况下他可以这样做:

<script>
$(function(){
      jQuery("#bgndVideo").YTPlayer();
    });
</script>