IFrame Question...

Perene

Member
Oct 12, 2014
166
10
81
Sorry if this is the wrong place to pose this question, anyway I appreciate your input on this...

I uploaded a video to Google Drive;
Created a blog in Blogspot;

Then I inserted a code like this in one of my blog posts:

Code:
<iframe width="560" height="315" src="https://drive.google.com/file/d/846584654387634856344545/preview" frameborder="0" allowfullscreen="true"></iframe>

1) When using my PC, I can go to fullscreen and select the video quality/subtitles (another button);

2) When using Safari for iPAD, I can see the video quality/subtitles button, but can't go to fullscreen;

3) >>>>> When using Mercury Browser for iPAD with user-agent "Safari (iPhone Mobile)", I can't see/use the video quality/subtitles button, but now I am able to go fullscreen;

4) >>>>> Google Drive's app from Applestore can't use the video quality/subtitles button, but is also able to go fullscreen;

5) >>>>>>> Puffin browser (app from Applestore) is able to use the video quality/subtitles button and go fullscreen. However I stopped using for good, for 2 reasons:

- Video takes a lot of time to load. In Safari, it takes a couple of seconds. Using Puffin, over 10. Don't know why, but it looks like it's either my iPAD that is slow (4th gen, last iOS), or this is to be expected;

- Even when the video is playing, it looks like playback is stuttering. I mean, not running smoothly, as the same browser does in the Youtube website. BTW, Puffin supports Flash, but until recently, this functionality was paid and lasted only a short time;

**********

My question is: why 2) is happening? Can it be fixed by using another CODE in my personal blog/website or I need to wait for future iOS updates? This is a major letdown.
 
Last edited:

Ken g6

Programming Moderator, Elite Member
Moderator
Dec 11, 1999
16,609
4,530
75
What kind of video is it? Normally I'd use <embed> or <video>, not <iframe>.
 

Perene

Member
Oct 12, 2014
166
10
81
What kind of video is it? Normally I'd use <embed> or <video>, not <iframe>.
Any video you can upload to GOOGLE DRIVE. Try sending there and you'll be able to watch it, as if you were embedding from Youtube.

When you click "incorporate item" it shows something like this:

<iframe src="https://drive.google.com/file/d/047359348753453453/preview" width="640" height="480"></iframe>

And if I don't use allowfullscreen="true" it will not go to fullscreen in PC.

However, it isn't going to fullscreen in iPAD even with that command. It says the browser does not support fullscreen view.
 

Perene

Member
Oct 12, 2014
166
10
81
OK, for the record I tried using the embed code from Youtube on my blog and watching on iPAD. I used another IFRAME code, exactly that Youtube sends us.

This is what happened:

http://s4.postimg.org/qtskq4okd/image.png

As you can see, fullscreen works, and we are able to change between subtitles, only when going fullscreen. However, we can't see the resolution button and that subtitle button when not fullscreen.

I noticed this is how it looks like is going to work with the iPhone user-agent in the Mercury browser for iPAD, with the difference that the subtitle is not being displayed.

So, sadly this confirms that the Safari browser does support fullscreen. It's just that GOOGLE is somehow preventing this browser from working as it should, when it comes to Google Drive IFRAME. Apple is not to blame on this matter, from what I understand.

I hope Google fixes this issue.