Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-4043

Auto full-screen and rotation for pages with embedded content such as videos (when there is only one video)

XMLWordPrintable

      We should explore how to improve the experience, applying the same effect that for H5P or SCORM when we detect embedded videos.

      There are two scenarios:
      1. When a video is playing and the user switches to landscape mode, the video should automatically use the complete full screen (auto-enabling its own fullscreen mode).
      2. When a video has been included as a file, opening it should automatically enable full-screen and maybe even screen rotation?

      Current behaviour:

      • Android phone:
        1. Screen rotation: Seems to work regardless how the video file is embedded, rotating the screen when a video is playing will switch to the fullscreen mode of the video
        2. Auto-fullscreen in file resource: Does not work, the video does not change to full-screen automatically
      • iOS phone:
        1. Screen rotation: currently the previous only works when a video is inserted as a file resource because in that case, we do not set the "playsinline" to true, however, on page we set playsinline to true so it won't auto-fullscreen.
        2. Auto-fullscreen in file resource: Works partially, the video automatically switch to fullscreen but does not rotate to use the fill width of landscape mode
      • Tablet and iPad
        1. Behaves differently

      This will require a full behaviour analysis:

      • Inserting a local mp4 video in a page, book and as a file
      • Inserting a local ogg video in a page, book and as a file (it will behave a bit different because VideoJS will be used in this case)
      • Inserting a remote video (Vimeo, Youtube), in a page and book using both the iframe cod by youtube and the text editor tools

      Testing the previous in iPhone, iPad, android phone and table with screen rotation when video playing and also just opening the file and comparing behaviours.

      To evaluate:

      • Adding the fullscreen button/icon for pages or files when there is a single video
      • Making consistent the way videos switch to fullscreen mode

            pferre22 Pau Ferrer
            jleyva Juan Leyva
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 6 hours, 46 minutes
                1d 6h 46m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.