google-code-export / fancybox

Automatically exported from code.google.com/p/fancybox
1 stars 0 forks source link

Video loading only once in the modal popup #121

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
I have been trying to show videos in modal popup but the issue that i am facing 
that if someone clicks once on the link then video loads succesfully on the 
popup but when he closes and opens it again then the video doesnot load. Kindly 
let me know how can i resolve this issue. The modal that i am using is Fancybox 
and the video i have been tying to load is from VIMEO.

    <a id="rai2" href="#divVideo" class="fl ml20" style="margin-left:160px;"><img src="images/assement_ipad_website.png" alt=""  /></a>

        jQuery(document).ready(function() {     

            $("a#example4").fancybox({

                    'opacity'       : true,

                    'overlayShow'   : false,

                    'transitionIn'  : 'elastic',

                    'transitionOut' : 'none'

                });

            $("#rai2").fancybox({

                'opacity'       : true,

                    'overlayShow'   : false,

                    'transitionIn'  : 'elastic',

                    'transitionOut' : 'none',

                        'onClosed'  :   function() {

                    },

        'onStart' : function() {document.getElementById('iframe-video');

    //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });

                    }

            });

Original issue reported on code.google.com by dead.pin...@gmail.com on 17 Jun 2012 at 8:46

GoogleCodeExporter commented 9 years ago
<div style="display:none;">
    <div id="divVideo" style="background:url(./images/blackbg.png);width:850px;height:480px;">
        <p>
               <iframe id="iframe-video" style="margin-top:40px;" src="http://player.vimeo.com/video/39892976?api=1&byline=0&portrait=0&color=ff9933&autoplay=1&loop=0&player_id=iframe-video" width="670" height="380" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
               <div class="fs16" style="margin-top:-15px;color:#5f5f60;">Having problems watching? Switch to non-HD</div>

        </p>

    </div>

</div>

Original comment by dead.pin...@gmail.com on 17 Jun 2012 at 8:49