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

Media player: Center initial play button in Video.js

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Peer review in progress
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.7
    • Fix Version/s: None
    • Component/s: Media
    • Database:
      Any
    • Testing Instructions:
      Hide
      1. Enable "Multimedia plugins" filter in site administration
      2. Enable the "VideoJS player" player in the media players plugin
      3. Create a course
      4. in the course add label with an mp4 video added.
      5. Save and display the video

      The initial play button for the video should be displayed in the middle of the video viewport. As shown in the attached image: button_centered.png

      Show
      Enable "Multimedia plugins" filter in site administration Enable the "VideoJS player" player in the media players plugin Create a course in the course add label with an mp4 video added. Save and display the video The initial play button for the video should be displayed in the middle of the video viewport. As shown in the attached image: button_centered.png
    • Affected Branches:
      MOODLE_37_STABLE
    • Pull Master Branch:
      master_MDL-65826_media_center_videojs_button

      Description

      In newer various versions of the media player video.js the initial play button that is displayed before a video is starts for the first time, is no longer centered. Instead it is in the top left of the video viewport.

      This looks awful (and looks like the player is broken).  This is simply fixed by adding the class 'vjs-big-play-centered'.

      The patch supplied adds the class during player embedding and centers the button

        Attachments

        1. button_centered.png
          button_centered.png
          172 kB
        2. button_class.png
          button_class.png
          16 kB
        3. button_top_left.png
          button_top_left.png
          173 kB

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated: