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’);
});
});