javascript - Strange issue with Youtube API video don't appear -


i working on template on project, not in server working local on machine, strange issue is, have page comes template , there video background template working well. when copie code index page how is, doesn't work, video doesn't start , error:

vm5155:1 uncaught referenceerror: invalid left-hand side in assignment     @ htmldivelement.<anonymous> (jquery.mb.ytplayer.min.js:8)     @ function.each (jquery.js:384)     @ m.fn.init.each (jquery.js:136)     @ m.fn.init.buildplayer (jquery.mb.ytplayer.min.js:8)     @ htmldivelement.<anonymous> (functions.js:1565)     @ function.each (jquery.js:384)     @ m.fn.init.each (jquery.js:136)     @ htmldocument.<anonymous> (functions.js:1562)     @ j (jquery.js:3148)     @ object.firewith [as resolvewith] (jquery.js:3260) (anonymous) @ jquery.mb.ytplayer.min.js:8 each @ jquery.js:384 each @ jquery.js:136 buildplayer @ jquery.mb.ytplayer.min.js:8 (anonymous) @ functions.js:1565 each @ jquery.js:384 each @ jquery.js:136 (anonymous) @ functions.js:1562 j @ jquery.js:3148 firewith @ jquery.js:3260 ready @ jquery.js:3472 j @ jquery.js:3503 

i don't why error in index page , don't have on other page, script order same, here code have related video:

<section class="content_section bg_fixed white_section bg2">     <div class="bg_overlay">         <!-- video -->         <div class="youtube_bg_video has_overlay now_pausing" data-property="data-property=" {             "videourl:'http://www.youtube.com/watch?v=v6_85csoice',containment:'self',startat:0,mute:true,autoplay:true,loop:false,opacity:1,showytlogo:false, realfullscreen:false, quality:'small'}"></div>     <!-- end video -->  <div class="content row_spacer clearfix">     <!-- video frame-->     <div class="video_frame centered">         <div class="video_frame_tl">             <div class="video_frame_br">                 <div class="video_frame_bl row_spacer2">                     <div class="main_title upper">                         <h2><span class="line"></span>video background</h2>                     </div>                     <a href="#" class="play_video_btn pause_video">                         <span><i class="ico-pause2"></i></span>                     </a>                 </div>             </div>         </div>     </div>     <!-- end video frame--> </div> </div> 

and here script order:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>     <script>         window.jquery || document.write('<script src="js/jquery.js"><\/script>')     </script>     <script src="js/plugins.js"></script>      <script src="js/jquery.videobackground.js" type="text/javascript"></script>     <script src="js/jquery.mb.ytplayer.min.js" type="text/javascript"></script>     <!-- put our custom functions -->     <script type="text/javascript" src="js/functions.js"></script>     <script src="js/plugins.js"></script>     <script src="js/jquery.themepunch.tools.min.js" type="text/javascript"></script>     <script src="js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>     <script src="js/isotope.pkgd.min.js"></script>      <!-- put our custom functions -->     <script type="text/javascript" src="js/functions.js"></script> 

why happening someoene know this?

you should use youtube iframe embed code.


Comments