1

嗨,我正在尝试使用 Flowplayer 在 ie 8 上的弹出窗口上加载一些视频。我认为这不是兼容性问题,因为我有一个页面可以完美加载视频并显示播放器。仅当我尝试使用 java 脚本将视频加载到弹出窗口时才会发生这种情况。到目前为止,我所得到的只是玩家应该在的地方。

    <!-- Internet Explorer Flyout -->
    <div id="videoFlyoutIE<?=$itemz['newsID']?>" class="popUpWrapper" style="display:none;position:absolute;top:10px;left:auto;">
            <div class="firstPopupDiv" style="left:center;height:auto;width:620px;">
                <div class="popupDivInner" style="display:block;" class="hideSteps">
                    <h1 style="color:#333333;" ><?=$itemz['title']?><div id="title"></div></h1>
                    <hr/>
                    <div id="tst<?=$itemz['newsID']?>">
                        <center>
                            <a id="player<?=$itemz['newsID']?>" style=";display:block; height:365px; width:auto;"></a>  
                        </center>
                        <br/>   
                        <hr/>
                        <?php echo $itemz['description'];?>
                    </div>  
                    <a class="btnRed clickable floatRight" style="position:relative;top:12px;" onclick="closeVideo('<?=$itemz['newsID']?>');"><?=$lang[109]?></a>   
                </div>

            </div>
        </div>

这是我的加载功能

    function showVideo(ID,link)
    {
    if(navigator.appName == 'Microsoft Internet Explorer')
    {
        showPopup("videoFlyoutIE"+ID);
        startVideo(ID,link);

        }
        else
        {
            showPopup("videoFlyout"+ID)
        }
 }   


function startVideo(ID,link)
 {
    $("#tst"+ID).fadeIn("slow", function()
    {
        $f("player"+ID, {src: "players/nobranding.swf", wmode: 'opaque'},
        {
            clip: 
            {
                autoPlay: true
            },

            playlist: 
            [
                'videos/IMPORTS/'+link,
            ],
            plugins:
            {
                controls: 
                {
                    playlist: true
                }
            }
        }
        ).ipad();
    });
}






function showPopup(popupID, scrollToTop, slideDown) {

    if (scrollToTop === undefined){
        scrollToTop = true;
    }
    else{
        scrollToTop = false;
    }

    if (slideDown === undefined){
        slideDown = false;
    }
    else{
        slideDown = true;
    }

    // see if there is an overlay, and if not, insert it to the begining of the body
    if($(".overlay").length != 1) {
        $(".overlay").remove();

        $("body").prepend("<div class='overlay'></div>");
    }

    // Ensure overlay covers the entire window, not just the viewport
    $(".overlay").css({'height': $(document).height()});
    //$('html,body').animate({scrollTop: error_location}, 'slow', 'swing', function(){firstError.focus();});
    // fade in transparent layer (can't use fadeIn because that screws with opacity)
    $(".overlay").show().animate(
        {
            opacity: 0.7
        },
        "slow"
    );

    if (scrollToTop){
        $('html,body').animate({scrollTop: 0}, 'slow', 'swing');
    }

    // Show the popup
    if (!slideDown){
        $("#" + popupID).fadeIn("slow");
    }
    else{
        $("#" + popupID).slideDown();
    }
}
4

0 回答 0