2011-11-10 9 views
0

私はファンシーボックスモーダルのフロープレーヤを持っています。 IE7/8 FF、Chrome/Safariで動作します。フロープレーヤはIE9では動作しません

IE9で再生していない問題があります。ここで

は私の生産コードです:

<div class="video"> 
        <a class="video-popout" href="#video-player1342"><img id="ContentPlaceHolderDefault_CLMasterContentPlaceHolder_Multimedia_6_videoListView_videoThumbnail_1" src="/media/12112/diner_1011_thumb.jpg" alt="Click me!" style="height:164px;width:291px;" /></a> 
        <p class="title">Dinner Commercial</p> 
        <p class="posted-on">date added: <span><span id="ContentPlaceHolderDefault_CLMasterContentPlaceHolder_Multimedia_6_videoListView_dateAddedLabel_1">10/05/2011</span></span></p> 
        <p><span id="ContentPlaceHolderDefault_CLMasterContentPlaceHolder_Multimedia_6_videoListView_descriptionLabel_1"></span></p> 
        <div class="video-share"> 
         <div class="addthis_toolbox addthis_default_style"> 
          <a class="share-link" href="#">Share</a><span class="share-divider">|</span> 

         </div> 
        </div> 

        <div style="display:none"> 
         <div id="video-player1342" style="width:542px;height:304px;border:1px solid #cb1000;padding:8px;"> 
          <div class="player"> 
           <object width="540" height="304" id="_player1" name="_player1" data="http://builds.flowplayer.netdna-cdn.com/79849/45776/flowplayer-3.2.7-0.swf" type="application/x-shockwave-flash"><param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="flashvars" value='config={"clip":{"url":"../media/12112/diner_1011.flv"}}' /></object> 

          </div> 
         </div> 

        </div> 
      </div><!-- end video--> 

私はIE9互換モードで気づいた、selectivzrあなたはモーダルを起動するには、私のサムネイルプレビューをクリックしたときにエラーがスローされます。

Unable to get value of the property 'charAt': object is null or undefined selectivizr-1.0.1.min.js, line 5 character 2280

無関係なのだろう、

起こっていただきました!誰もが見て、見ることはできますか?

またhttp://thecl.com/multimedia-gallery/videos.aspx

おかげでテストすることができます!

答えて

0

私は基本的に流れプレーヤーのスクリプトを波打つの負荷を行うと、直接ページに動画を埋め込むないさせる、非常に異なるアプローチで同じ効果を達成した:

ため
<script type="text/javascript" src="/scripts/flowplayer/flowplayer-3.2.6.min.js"></script> 
<script> 
    $(document).ready(function() { 

     var vid; 
     var player; 
     $("#video_list a.click_button").click(function() { vid = $(this).attr("href"); }).fancybox({ 
      'href': '#video_content', 
      'onStart': function() { 
       player = flowplayer("video_content", "/scripts/flowplayer/flowplayer-3.2.7.swf", vid); 
      }, 
      'onCleanup': function() { 
       $('#video_content').html(""); 
      } 
     }); 

    }); 


</script> 

そして今、

<div id="video_list"> 
    <div> 
     <img src="/images/tws_land/2011/ico_AndrewBlue.png" alt=""> 
     <p>"..There is real value in what Safety in the Market offer" - Andrew<br /> 
      <a href="/video/tws_AndrewB.flv" id="playflv" class="click_button">Play video</a> 
     </p>       
    </div> 
    <div> 
     <img src="/images/tws_land/2011/ico_MichaelBlue.png" alt=""> 
     <p>"..I&rsquo;ve learnt how to trade the stock market and the commodities market successfully, with a great deal of confidence" - Michael<br /> 
      <a class="click_button" href="/video/tws_MichaelC.flv">Play video</a> 
     </p> 
    </div> 
    <div> 
     <img src="/images/tws_land/2011/ico_BradBlue.png" alt=""> 
     <p>"..For the outlay, the rewards far outway the investment" - Brad<br /> 
      <a class="click_button" href="/video/tws_BradJ.flv">Play video</a> 
     </p> 
    </div> 
    <div> 
     <img src="/images/tws_land/2011/ico_YvonneBlue.png" alt=""> 
     <p>"..It&rsquo;s been a blessing to us, we&rsquo;re enjoying the new life we have as traders.. 
      and the freedom it brings" - Yvonne<br /> 
      <a class="click_button" href="/video/tws_YvonneP.flv">Play video</a> 
     </p> 
    </div> 
</div> <!-- END VIDEO LIST --> 
<div style="display:none;"> 
    <div id="video_content" style="width:800px;height:600px;"> 
</div> 

をマークアップ私はIE9で動作を確認することができlive demo、これを持って

+0

私たちの現在Umbracoは設定に我々はこれを実装することができる場合、私は表示されますそれはあなたの例と完全に一致するようです。 本当にありがとうございます!ハッピーコーディング! –

+0

リンクされたデモは例外をスローします! – DevDave

+0

@Tylerこれは、含まれているdiv '$( "#video_list> div")をクリックしたときにビデオボタンをトリガーするために使用したスクリプトによって例外が発生しているようです。 ( "a.click_button")click(); });この記事は元の質問の一部として必要ではないので、私が投稿した解決策はまだまだ良いです。 –

関連する問題