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

VideoJS timeline progress bar should not be flipped in RTL mode

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 3.3.5, 3.4.2, 3.5
    • 3.3.6, 3.4.3
    • 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.

    Description

      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)

      Attachments

        Issue Links

          Activity

            People

              rezaie9 Shamim Rezaie
              nadavkav Nadav Kavalerchik
              Marina Glancy Marina Glancy
              Andrew Lyons Andrew Lyons
              Gladys Basiana Gladys Basiana
              Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Laurent David, Raquel Ortega, Sara Arjona (@sarjona), Huong Nguyen, Bas Brands, Mathew May
              Votes:
              1 Vote for this issue
              Watchers:
              9 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                17/May/18

                Time Tracking

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