WordPress LMS and WP Education Theme for Academy and Education Institutes Forums App Support Fullscreen video mode closes when changing orientation to landscape

Fullscreen video mode closes when changing orientation to landscape

Tagged: ,

This topic contains 9 replies, has 2 voices, and was last updated by  Alex 3 weeks, 5 days ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #18044

    Yehia Abdel Salam
    Participant

    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?

    #18085

    Alex
    Keymaster

    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

    #18090

    Yehia Abdel Salam
    Participant

    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.

     

     

    #18140

    Alex
    Keymaster

    checking….

    #18145

    Alex
    Keymaster

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

    PS : mark reply as private while sharing .

    #18173

    Yehia Abdel Salam
    Participant
    This reply has been marked as private.
    #18174

    Yehia Abdel Salam
    Participant
    This reply has been marked as private.
    #18196

    Alex
    Keymaster

    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 .

     

    #18199

    Yehia Abdel Salam
    Participant
    This reply has been marked as private.
    #18296

    Alex
    Keymaster

    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 .

     

     

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Template Design © VibeThemes. All rights reserved.