Grow your CSS skills. Land your dream job.

Get embeded Vimeo video to play full screen ios

  • # June 21, 2013 at 8:26 am

    Hi I’m using the following code to load a Vimeo video into a div when clicking on a placeholder image. I’m struggling to figure out how on mobile, when click on the placeholder image, to make the video play full screen in the phone’s native video player and not within the div/iframe on the page. An example of what I’m trying to achieve can be seen on http://www.mailboxapp.com/. From what I understand I’m going to have load an mp4 into the div when on mobile? Any help is much appreciated

    jQuery(‘#showVideo’).click(function() {
    jQuery(this).html(‘–insert vimeo embed iframe here–’, function() {
    jQuery(‘#video’).slideDown(‘slow’);
    jQuery(‘#showVideo’).fadeOut(‘slow’);
    });
    });

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".