Flowplayer не работает в IE9 - PullRequest
Новая
       27

Flowplayer не работает в IE9

0 голосов
/ 11 ноября 2011

У меня есть flowplayer в модном fancybox. Работает в IE7 / 8 FF и Chrome / Safari.

Возникла проблема, из-за которой он не играл в 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

Спасибо!

1 Ответ

0 голосов
/ 11 ноября 2011

Я достиг того же эффекта с совершенно другим подходом, в основном позволяя сценарию проигрывателя потоков выполнять загрузку и не встраивать видео непосредственно в страницу: 

<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

...