Jump to content


This topic is now archived and is closed to further replies.


How to have embedded video play full screen from mobile device

Recommended Posts


I have a video that was created on a iPad, i.e. it is 728W x 1028H.  I uploaded it to Vimeo and used this embed code:


<iframe src="//player.vimeo.com/video/78777717" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>


The video appears on this page:




When played from the Safari browser on an iPad, I would expect to see it play full-screen, exactly fitting the screen. However, this is what I see:




- Clicking the "expand" button does nothing.

- I then use my fingers to 'resize' the window, and I see this. I suspect it is 'full screen' but using the default width settings.




Almost there.  I then double-tap on it, and I can see what I wanted to see from the very beginning:





Sweet. The video fills my iPad screen and I am watching the demo as if it is an actually app.


Any idea how I can change the embed code to make it play this way (full-screen and full-aspect)? This will be part of a rather long web page with lots of short video clips, and I don't want our customers to have to resize each time.

Share this post

Link to post
Share on other sites



As this is Vimeo embed code, you will need to ask for them for assistance. My understand is (I could be wrong) that the device should automatically make the video full screen.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • ivaemer
      By ivaemer+
      I've got the problem with Onepage plugin ..
      First two sections - Intro and Gallery Module are not showing on iPhone and iPad...help asap please
    • pehja
      By pehja+
      https://pehjaproduction.se/webbdesign/  Video is not showing up in Journey section. Why? I have entered this in the settings 
    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
    • crose
      By crose+
      I am using the Canvas Area section at the top of my site. I have a video playing in the background, which works really well on desktop. But on mobile video doesn't play without user interaction, so I have a static image in place as an alternate image. However when viewed on a mobile device there is now a play button over the static image that does nothing. This didn't use to happen so I imaging it is due to an upgrade. But this is really bad UX. Is there a way to remove it?
      Here is the site:
      Thanks in advance.