嗨,我正在尝试使用 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();
}
}