嵌入式Flash對象無法在Google Chrome中播放

Question

在網站上click-storm.ru我無法使用滑塊中的對象視頻開始播放。他們在Opera，IE等方面表現出色。 有趣的是，iframe視頻在Chrome中播放效果很好。 對象視頻在滑塊外面播放很棒。無法猜測什麼是錯=（ 這裏是一個滑塊的代碼：

<!-- wrapper --> 
<div> 
<!-- wrapper --> 

<!-- slider --> 
<div style="float:left; margin-left:50px;"> 
<!-- slider --> 

<div id="banner-example-1" class="light"> 


      <ul>         

        <!-- THE 1. SLIDE --> 
        <li data-transition="slide"><img src="images/slides/big1.jpg" data-thumb="images/thumbs/s1b.jpg" data-thumb_bw="images/thumbs/s1g.jpg"> 

          <div class="video_container"> 
           <div class="video_container_wrap"> 

<object type="application/x-shockwave-flash" height="491" width="806" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=thorzain" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /> <param name="flashvars" value="hostname=www.twitch.tv&channel=thorzain&auto_play=false&start_volume=25" /> 
</object>         
                    </div> 
          </div> 

          <div class="creative_layer"> 
           <div class="caption_blue fadeleft" style="top:120px;left:590px;">ThorZain</div>     
           <div class="caption_white faderight" style="top:120px;left:722px;">Английский</div> 
           <div class="caption_black smallcap fadeup" style="top:163px;left:590px;">Один из лучших терранов планеты</div>         
          </div> 

        </li> 



        <!-- THE 2. SLIDE --> 
        <li data-transition="slide"><img src="images/slides/big2.jpg" data-thumb="images/thumbs/s2b.jpg" data-thumb_bw="images/thumbs/s2g.jpg"> 

          <div class="video_container"> 
           <div class="video_container_wrap2"> 
            <iframe height="468" width="832" frameborder="0" src="http://www.own3d.tv/liveembed/172637"></iframe> 

                    </div> 
          </div> 

          <div class="creative_layer"> 
           <div class="caption_blue fadeleft" style="top:120px;left:590px;">MillForGG</div>      
           <div class="caption_white faderight" style="top:120px;left:722px;">Английский</div> 
           <div class="caption_black smallcap fadeup" style="top:163px;left:590px;">Сильный корейский терран</div>         
          </div> 

        </li> 

<!-- THE 3. SLIDE --> 
        <li data-transition="slide"><img src="images/slides/big3.jpg" data-thumb="images/thumbs/s3b.jpg" data-thumb_bw="images/thumbs/s3g.jpg"> 

          <div class="video_container"> 
           <div class="video_container_wrap"> 
            <object type="application/x-shockwave-flash" height="495" width="806" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=liquidret" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.twitch.tv&channel=liquidret&auto_play=false&start_volume=25" /></object> 
                    </div> 
          </div> 

          <div class="creative_layer"> 
           <div class="caption_blue fadeleft" style="top:120px;left:590px;">LiquidRet</div>      
           <div class="caption_white faderight" style="top:120px;left:722px;">Английский</div> 
           <div class="caption_black smallcap fadeup" style="top:163px;left:590px;">Зерг из Голландии</div>          
          </div> 

        </li> 

<!-- THE 4. SLIDE --> 
        <li data-transition="slide"><img src="images/slides/big4.jpg" data-thumb="images/thumbs/s4b.jpg" data-thumb_bw="images/thumbs/s4g.jpg"> 

          <div class="video_container"> 
           <div class="video_container_wrap2"> 
            <iframe height="468" width="832" frameborder="0" src="http://www.own3d.tv/liveembed/136659"></iframe> 

                    </div> 
          </div> 

          <div class="creative_layer"> 
           <div class="caption_blue fadeleft" style="top:120px;left:590px;">Virtus.Pro</div>     
           <div class="caption_white faderight" style="top:120px;left:722px;">Русский</div> 
           <div class="caption_black smallcap fadeup" style="top:163px;left:590px;">Трансляции от KTS и kaby</div>         
          </div> 

        </li>     
       </ul> 
       <div class="bigleft"></div> 
       <div class="bigright"></div> 
      </div>  <!-- THE END OF THE BANNER EXMAPLE --> 

      <!-- 
      ############################## 
      - ACTIVATE THE BANNER HERE - 
      ############################## 
      --> 
      <script type="text/javascript"> 

       var tpj=jQuery; 
       tpj.noConflict(); 

       tpj(document).ready(function() { 

       if (tpj.fn.cssOriginal!=undefined) 
        tpj.fn.css = tpj.fn.cssOriginal; 

        tpj('#banner-example-1').paradigm(
         {          
          width:832, 
          height:491, 

          thumbWidth:90, 
          thumbHeight:50, 
          thumbAmount:4,       
          thumbSpaces:4, 
          thumbPadding:4, 
          thumbStyle:"thumb", 
          thumbVideoIcon:"on", 
          bulletXOffset:0, 
          bulletYOffset:0, 

          shadow:'true', 

          parallaxX:500, 
          parallaxY:10, 
          captionParallaxX:-40, 
          captionParallaxY:2, 

          touchenabled:'on', 

          timer:10       
         }); 




      }); 
      </script> 
<!-- slider --> 
</div> 
<!-- slider --> 


<!-- chat --> 
<div style="float:right;"> 
<!-- chat --> 


    <!-- BEGIN CBOX - www.cbox.ws - v001 --> 
<div id="cboxdiv" style="text-align: center; line-height: 0"> 
<div><iframe frameborder="0" width="230" height="453" src="http://www7.cbox.ws/box/?boxid=549330&amp;boxtag=f0tgr5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-549330" style="border:#ababab 1px solid;" id="cboxmain7-549330"></iframe></div> 
<div><iframe frameborder="0" width="230" height="107" src="http://www7.cbox.ws/box/?boxid=549330&amp;boxtag=f0tgr5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-549330" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-549330"></iframe></div> 
</div> 
<!-- END CBOX --> 

<!-- chat --> 
</div> 
<!-- chat --> 

<!-- wrapper --> 
</div> 
<!-- wrapper --> 

<div style="height:15px"></div> 

Answer 1

爲什麼不試試先嵌入您的Flash影片與swfobject這是它最接受的方式，而且是非常好documented，這也是最標準的方式，並證明在大多數情況下工作。

可以靜態和dinamically嵌入你的電影，雖然我平時比較喜歡動態地做這件事。你可以在文檔中檢查這兩種模式。

對於動態模式，在你的情況下，你需要這樣的東西：

<script type="text/javascript" src="swfobject.js"></script>

var flashvars = {}; 
    flashvars.hostname= "www.twitch.tv"; 
    flashvars.channel= "liquidret"; 
    flashvars.auto_play= "false"; 
    flashvars.start_volume= "25"; 
    swfobject.embedSWF("http://www.twitch.tv/widgets/live_embed_player.swf", "video_container_wrap", "491", "806", "9.0.0", flashvars); 

它也有它自己code generator，你可以試試。