Question

我们有一个网站，客户正在使用该网站来获取其pdf和视频的存储库。客户希望视频以模态弹出。我们正在使用精美的盒子来做到这一点。我们遇到IE 7和IE 8的问题。当用户点击第一个视频时，它加载没有问题。当他们关闭模态并点击新视频时，会弹出第一个仍然显示的视频。这是我们的代码！任何帮助将不胜感激。

/* Video Fancybox */
$(".video").fancybox({
    'transitionIn'          :   'fade',
    'transitionOut'         :   'fade',
    'width'                 :   535,
    'height'                :   400,
    /*'showCloseButton'       :   false,*/
    'scrolling'             :   'no',
    'titleShow'             :   false,
    'type'                  :   'inline',
    'padding'               :   10,
    'onComplete'            :   initVideo,
    'onClosed'              :   killVideo
});
//Global Video variables
var videoPlayerInitialized = false;
var myPlayer;

function initVideo(selectedArray, selectedIndex, selectedOptions)
{

    var item = selectedArray[selectedIndex];
    var videoTitle = $(item).attr('data-video');

    if (videoPlayerInitialized != true){
        myPlayer = _V_("my_video");
        videoPlayerInitialized = true;
        myPlayer.ready(function(){
            playVideo(videoTitle);
        });
    } else {
        playVideo(videoTitle);
    }


}

function playVideo(videoTitle)
{
    myPlayer.src([
        { type: "video/mp4", src: videoTitle + ".mp4" },
        { type: "video/webm", src: videoTitle + ".webm" }
    ]);
    myPlayer.load();
    myPlayer.play();        
}

function killVideo()
{
    //var myPlayer = _V_("my_video");
    myPlayer.pause();
    //myPlayer.src('');
}

Answer 1

您的killVideo功能仅暂停视频。它实际上并没有删除任何东西。你也想破坏旧玩家，以防止玩家加载。或者您也可以使用一个播放器，但交换src以删除最后一个播放器并在其位置加载一个新播放器。

运行闪存时更改源

1 个答案: