Fullscreen video mode closes when changing orientation to landscape

[Yehia Abdel Salam]

Hello,

I have this weird problem when playing video from the iOS device. I added the unit content in form of an iFrame like the video here http://cairocubicles.com/fullscreen-issue.mp4 (check from sec 29). The problem is when i play the video in full screen, and changes the orientation of the phone, the full screen video mode closes, which is visible by the end of the video. What might be causing this issue?

[Alex]

okay does this happens in android app as well?

does this happens in browser as well ?

(you can also check in chrome by changing the devices in chrome inspect element ) .

make sure that your unit type is set to  ” video ” . : http://prntscr.com/k2ewg6

use the iframevideo shortcode like this :

[iframevideo]iframe-code[/iframevideo]

example :

[iframevideo]<iframe src=”https://www.youtube.com/embed/MFtX9ussRKk” width=”560″ height=”315″ frameborder=”0″ allowfullscreen=””></iframe>[/iframevideo]
http://prntscr.com/lqzo0o

[Yehia Abdel Salam]

okay so the embedded code im using from the video streaming site is the below, can you please verify on your end if its good and runs okay (this is will greatly help me in troubleshooting, and make sure it’s not the unit content that causing the issues). I’m using video as the unit type:

========

<style>.h_iframe-aparat_embed_frame{position:relative;} .h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} .h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%;}</style>

============

on android it’s a different issue, the screen goes to full screen for a fraction of a second and then closes, i did a screen capture for that as well here: http://cairocubicles.com/fullscreen-issue-android.mp4

When checking in Chrome, if you mean using ionic serve and playing the video in Chrome Desktop with mobile inspection, it does full screen for the entire screen, as if i click on F11 on chrome, not sure whether this is the expected behavior, but the important behavior is the one happening on the phone.

 

 

[Alex]

checking….

[Alex]

Please share your site url and admin credentials to debug this issue at our end .

PS : mark reply as private while sharing .

[Yehia Abdel Salam]

This reply has been marked as private.

[Yehia Abdel Salam]

This reply has been marked as private.

[Alex]

Okay I checked it .It seems like you are editing your English version of that unit while the app is fetching the Persian version of the unit since the course is persian .

http://prntscr.com/lzo6gr

 

I made the changes in it and it worked fine : https://screencast-o-matic.com/watch/cFlOX6rL4R

 

 

for only persian courses issue  :

Note here that support for Wpml plugin is not added in wplms app right now .right now it might be fectching courses for persian site only not for other languages .

It will fetch data of only one language since support for wplml is not yet available in app .

 

[Yehia Abdel Salam]

This reply has been marked as private.

[Alex]

I have double checked it .I know the code of the app .

It wont be issue when you emebed it using the iframevideo shortcode or iframe shortcode and set the type of unit to be ” video  ” as mentioned in above replies .

The issue was appearing because you were not changing the content of correct unit .

after changing the content of unit using iframevideo shortcode make sure that type of unit is video and then goto your app .
logout from app and then again login and check for the same unit .

 

 

[Author]

Posts