文章/答案/技术大牛

发布

社区首页 >问答首页 >JQUERY.MB.YTPLAYER不工作

问JQUERY.MB.YTPLAYER不工作
EN

Stack Overflow用户

提问于 2014-08-24 03:37:01

回答 2查看 2.2K关注 0票数 0

这是我的站点链接，请帮助我>>> 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>

css

jquery

html

回答 2

Stack Overflow用户

发布于 2016-06-17 01:07:33

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

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

在这种情况下，他可以这样做：

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

票数 1

Stack Overflow用户

发布于 2018-02-16 12:17:46

我遇到了类似的问题(视频无法在移动设备上播放)，在花了几个小时后，这里是一个工作代码跳转的示例，这将对其他人有所帮助:注意:您可以从此链接https://pupunzi.com/test/YTP/获取文件

<html>
<head>

    <link href='https://fonts.googleapis.com/css?family=Lekton|Lobster' rel='stylesheet' type='text/css'>
    <link href="../dist/css/jquery.mb.YTPlayer.min.css" media="all" rel="stylesheet" type="text/css">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="../dist/jquery.mb.YTPlayer.js"></script>

    <script>

        var myPlayer;
        jQuery(function () {
            myPlayer = jQuery("#bgndVideo").YTPlayer({});
            /*
                    myPlayer.YTPApplyFilters({
                        grayscale: 50,
                        sepia: 80,
                        opacity: 30
                    });
            */  
        });
     
    </script>

</head>
<body>
<div id="wrapper" style="position:relative; padding:10px 0;z-index:10">
    <!--7SnmCUwOsts--><!--BsekcY04xvQ--><!--r1xohS2u69E--><!--Fk9EBOOAYiU--><!--sEuXfDtrco8--><!--9d8wWcJLnFI--><!--Fk9EBOOAYiU--><!-- https://www.youtube.com/watch?v=VHcAusNO3L4&list=RDEMtvEj6XzR7gbh_QCXSzFudw -->
    <!-- <div id="bgndVideo" class="player" data-property="{videoURL:'Fk9EBOOAYiU',containment:'body', showControls:true, autoPlay:true, loop:true, vol:50, mute:true, startAt:10,  stopAt:300, opacity:1, addRaster:true, quality:'large', optimizeDisplay:true, addFilters: {grayscale: 50,sepia: 80,opacity: 30}}">My video</div> -->
    <div id="bgndVideo" class="player" data-property=
    "
    {videoURL:'Fk9EBOOAYiU',containment:'body', showControls:false, 
    autoPlay:true, loop:true, vol:0, mute:true, opacity:1, 
    addRaster:false, quality:'large', optimizeDisplay:true, 
    }
    ">My video</div>

</div>



</body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25465710

复制

相似问题

问JQUERY.MB.YTPLAYER不工作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQUERY.MB.YTPLAYER不工作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQUERY.MB.YTPLAYER不工作
EN