2

我们有一个网站，客户正在使用该网站作为其 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('');
}
4

1 回答 1

0

您的 killVideo 功能只会暂停视频。它实际上并没有删除任何东西。您还需要销毁旧播放器以防止将播放器加载到彼此之上。或者您也可以使用一个播放器，但交换 src 以删除最后一个播放器并在其位置加载一个新播放器。

于 2013-06-01T15:28:44.640 回答