динамически загружать в новый Flash Video с помощью JQuery (swfobject) - PullRequest
Новая
       21

динамически загружать в новый Flash Video с помощью JQuery (swfobject)

1 голос
/ 29 марта 2012

У меня есть флэш-видео, загруженное на мой сайт с использованием swfobject, как показано здесь - 

<div class="home-video-fade">
<div id="homevideo">
            <p class="noflash">Sorry, you must have JavaScript enabled, and have <a href="http://get.adobe.com/flashplayer/" title="Install Adobe Flash player.">Flash installed</a> in order to view this video.</p>
        </div>
</div>
<script type="text/javascript">
    //<![CDATA[
        var flashvars = {
                flvSource:      "_promo.f4v",
                playerWidth:    892,
                playerHeight:   380,
                iconOutHex:     "0xFFFFFF",
                iconOverHex:    "0x4992CE",
                iconToneOneHex: "0x929497",
                iconToneTwoHex: "0x6D6E70",
                navItemsBkgHex: "0x232323",
                hasMute:        "true",
                hasTimeDisplay: "true",
                hasVolume:      "true",
                hasFullScreen:  "true",
                hasAutoPlay:    "false",
                hasProgressBar: "true",
                posterURL:      "images/video-cover.jpg"
            },
            params = {
                wmode:          "transparent",
                allowscriptaccess:  "always",
                allowfullscreen:    true
            },

            attributes = null;

            swfobject.embedSWF(
                "flash/player.swf",
                "homevideo",
                "892", "380",
                "10.0.0",
                null,
                flashvars, params, attributes
            );
    //]]>
</script>

У меня есть 2 кнопки.При каждом нажатии кнопки я хочу, чтобы исчезло текущее видео,удалить текущее флэш-видео,загрузить в новыйа затем исчезнуть это новое видео в

я могу удалить видео, моя проблема в том, что я не могу понять, как снова вызвать swfobject с другим источником flv.Мой текущий код ниже. 

$('.video-thumb').each(function(index){
    var $this = $(this);
    $this.on('click', function(){

        //Video 1
        if(index == 0){
                        removeFlashVideo();
                    $('.videoOne').fadeOut(function(){
                                    //NEED TO ATTACH VIDEO HERE
                $('.videoTwo').fadeIn();
                })
        }
        //Video 2
        else if (index == 1){
            removeFlashVideo();
            $('.videoTwo').fadeOut(function(){
                                    //NEED TO ATTACH VIDEO HERE
                $('.videoOne').fadeIn();
                })
        }
    });
});
function removeFlashVideo(){
//remove flash video
$('.home-video-fade').fadeOut(function(){
    $('.home-video-fade').html('<div id="homevideo"><p class="noflash">Sorry, you must have JavaScript enabled, and have <a href="http://get.adobe.com/flashplayer/" title="Install Adobe Flash player.">Flash installed</a> in order to view this video.</p></div>');
});

}

...