Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-61020

VideoJS timeline progress bar should not be flipped in RTL mode

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.3.6, 3.4.3
    • 3.3.5, 3.4.2, 3.5
    • Media, Themes
    • MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE
    • MOODLE_33_STABLE, MOODLE_34_STABLE
    • MDL-61020-master
    • Hide
      1. Log in as admin
      2. Install a right-to-left language pack; such as Persian (fa), Arabic (ar), Hebrew (he), ...
      3. Create a course
      4. Enter the course and turn editing on
      5. Add a label to the course (Type "video" as the label text and make it a hyperlink to https://www.youtube.com/watch?v=3ORsUGVNxGs )
      6. Switch your language to the right-to-left language you installed at step 2 above and then go to the course main page and
      7. Click on the play icon on the video preview to play it.
      8. Verify that the progress bar is moving from left to right
      9. Verify that if you move the location of the video scrubber in the progress bar to the right, you are further in the video.
      10. Verify that if you move the location of the video scrubber in the progress bar to the left, you go backward in the video
      11. Verify that if you move the volume bar to the right, the volume is increased.
      12. Verify that if you move the volume bar to the left, the volume is decreased.
      Show
      Log in as admin Install a right-to-left language pack; such as Persian (fa), Arabic (ar), Hebrew (he), ... Create a course Enter the course and turn editing on Add a label to the course (Type "video" as the label text and make it a hyperlink to https://www.youtube.com/watch?v=3ORsUGVNxGs  ) Switch your language to the right-to-left language you installed at step 2 above and then go to the course main page and Click on the play icon on the video preview to play it. Verify that the progress bar is moving from left to right Verify that if you move the location of the video scrubber in the progress bar to the right, you are further in the video. Verify that if you move the location of the video scrubber in the progress bar to the left, you go backward in the video Verify that if you move the volume bar to the right, the volume is increased. Verify that if you move the volume bar to the left, the volume is decreased.

      Using Boost in RTL mode, and playing an MP4 video with VideoJS, the timeline progress indicator is flipped (mirrored) and moves from right to left when the video file/stream plays, but it should not be CSS auto flipped in RTL mode, and should have been stayed and behaved as if it is in LTR mode - move from left to right.

      Clicking on it, it jitters

      Can be experienced on: https://qa.moodle.net/course/view.php?id=56&section=1&lang=he

      Also reported on the forums:
      https://moodle.org/mod/forum/discuss.php?d=362821
      (With a suggested fix)

            rezaie9 Shamim Rezaie
            nadavkav Nadav Kavalerchik
            Marina Glancy Marina Glancy
            Andrew Lyons Andrew Lyons
            Gladys Basiana Gladys Basiana
            Votes:
            1 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour
                1h

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