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

VideoJS timeline progress bar should not be flipped in RTL mode

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.3.5, 3.4.2, 3.5
    • Fix Version/s: 3.3.6, 3.4.3
    • Component/s: Media, Themes
    • Labels:
    • Testing Instructions:
      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.
    • Affected Branches:
      MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE
    • Fixed Branches:
      MOODLE_33_STABLE, MOODLE_34_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-61020-master
    • Pull Master Diff URL:

      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

          has a non-specific relationship to

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-66982 VideoJS progress timeline is flipped when using a RTL language

          • Minor - Minor loss of function where workaround is possible
          • Closed
          has a QA test

          Functional Test - A test of a single Moodle feature MDLQA-12267 In RTL mode the VideoJS progress timeline is not flipped.

          • Minor - Minor loss of function where workaround is possible
          • Open

          Functional Test - A test of a single Moodle feature MDLQA-15353 CLONE - In RTL mode the VideoJS progress timeline is not flipped.

          • Minor - Minor loss of function where workaround is possible
          • Passed

            Activity

              People

              Assignee:
              rezaie9 Shamim Rezaie
              Reporter:
              nadavkav Nadav Kavalerchik
              Peer reviewer:
              Marina Glancy
              Integrator:
              Andrew Nicols
              Tester:
              Gladys Basiana
              Participants:
              Component watchers:
              Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona), Bas Brands
              Votes:
              1 Vote for this issue
              Watchers:
              9 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                17/May/18

                  Time Tracking

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