Full-screen video issue in Iphone

[Petercity]

Hi Ed,

I would like to report that we cannot close Youtube video in full Screen mode in iPhone by using theme close button.

The only workaround is to go back with the Safari browser.

[Swift Ideas – Ed]

Hi there,

Thanks for letting us know.

Is this only with YouTube videos, or Vimeo too? Will have a test and fix this for the next update.

– Ed

[Petercity]

I see the issue only with only youtube video on iphone with my own site. According to your demo site, it’s work for vimeo.

But you should also tested on android for the both because I don’t have those device

[Swift Ideas – Ed]

Tested YouTube here and seemed to work fine. Can you provide a link so that I can test your site?

Thanks,

– Ed

[Petercity]

This reply has been marked as private.

[Petercity]

Also, you need to start the video and try to close it before the end.

[Swift Ideas – Ed]

Hi there,

Can you try adding the following custom css please:

@media only screen and (max-width: 767px) {

	.mobile-browser div.fw-video-close.is-open {
		width: 100%;
		height: 30px;
		line-height: 26px;
		position: relative;
	}

}

– Ed

[Petercity]

I Ed,

I try but it’s doesn’t work. when you click on the button nothing happen.
The button have just move to the left and the button background it’s to big (not nice 😉 )

[Swift Ideas – Ed]

Apologies, please change the code to:

@media only screen and (max-width: 767px) {

	.mobile-browser div.fw-video-close.is-open {
		width: 100%;
		height: 40px;
		line-height: 36px;
		position: relative;
		top: 0;
		left: 0;
	}

}

– Ed

[Petercity]

Hi Ed,

I try your last code but still doesn’t work.

The button appear on top-middle of the video before your start the video, but if at any time you stop the video with the safari button, the theme button don’t appear so you cannot back easily to the post.

Regards

[Swift Ideas – Ed]

Hi @petercity,

Right, hopefully this last code addition sorts it!

@media only screen and (max-width: 767px) {
.mobile-browser iframe.fw-video {
height: 95%;
position: relative;
z-index: 999;
}
}

Let me know.

– Ed

[Petercity]

Yes it’s working now. But on more question.

I want to know if there is a way to custom the code to keep the regular position of the button on the mobile

[Swift Ideas – Ed]

You could try removing the other code you’ve added, and just use this:

@media only screen and (max-width: 767px) {
.mobile-browser iframe.fw-video {
position: relative;
z-index: 999;
}
}

Although I don’t think it will work due to the way the video works on iPhone.

– Ed

[Petercity]

True, is does’t work, if you find better solution, fell free to post to me.

(Also, please could you do me favor by post me a screenshot of the page “Font Options”, I want to fall back to the default size. I accidentally move all setting to the minimum )

[Swift Ideas – Ed]

Here it is: http://2.s3.envato.com/files/80929375/screenshots/14_font_size_theme_options.jpg

– Ed