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

Youtube Repository Video Preview is Cut Off

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. Ensure YouTube repository is enabled on site.
      2. Ensure the site theme (or course theme) is one of the affected themes (Clean, Formal White, Boxxie, splash and Brick themes).
      3. Access the text editor in any course assignment, label, etc.
      4. Click "Insert Moodle Media".
      5. Click "Find or upload a sound, video or applet..."
      6. Click on YouTube repository and search for literally any YouTube video.
      7. Select the desired video; click "Select this file".
      8. Review the video in the "Insert Moodle Media" box.
      9. For the affected themes, the video will be cut off and not display the entire video thumbnail.

      Expected result: The full width of the video is viewable in the preview window.

      Show
      Ensure YouTube repository is enabled on site. Ensure the site theme (or course theme) is one of the affected themes (Clean, Formal White, Boxxie, splash and Brick themes). Access the text editor in any course assignment, label, etc. Click "Insert Moodle Media". Click "Find or upload a sound, video or applet..." Click on YouTube repository and search for literally any YouTube video. Select the desired video; click "Select this file". Review the video in the "Insert Moodle Media" box. For the affected themes, the video will be cut off and not display the entire video thumbnail. Expected result: The full width of the video is viewable in the preview window.
    • Affected Branches:
      MOODLE_24_STABLE, MOODLE_25_STABLE
    • Fixed Branches:
      MOODLE_24_STABLE, MOODLE_25_STABLE
    • Pull from Repository:
    • Pull Master Branch:
    • Story Points:
      8
    • Sprint:
      FRONTEND Sprint 6

      Description

      When using "Insert Moodle Media" to add a Youtube video (from the Youtube repository) to an HTML editor, the preview of the video is cut off and displays only as a very narrow vertical strip. Please see the attached screenshot.

      Note: this seems to be a problem only in the Formal White, Boxie, and Brick themes. The following themes display the video preview correctly: Anomaly, Arialist, Binarius, FormFactor, Fusion, Leatherbound and Magazine.

      Steps to replicate:

      1. Ensure YouTube repository is enabled on site.
      2. Ensure the site theme (or course theme) is one of the affected themes.
      3. Access the text editor in any course assignment, label, etc.
      4. Click "Insert Moodle Media".
      5. Click "Find or upload a sound, video or applet..."
      6. Click on YouTube repository and search for literally any YouTube video.
      7. Select the desired video; click "Select this file".
      8. Review the video in the "Insert Moodle Media" box.
      9. For the affected themes, the video will be cut off and not display the entire video thumbnail.

      Expected result: The full width of the video is viewable in the preview window.

      Actual result: The video preview shows only a very narrow vertical strip.

        Attachments

        1. boxxie.png
          boxxie.png
          319 kB
        2. clean.png
          clean.png
          261 kB
        3. youtubepreview.png
          youtubepreview.png
          43 kB

          Issue Links

            Activity

              People

              Assignee:
              rwijaya Rossiani Wijaya
              Reporter:
              cfollin Chris Follin
              Peer reviewer:
              Andrew Nicols
              Integrator:
              Dan Poltawski
              Tester:
              Petr Skoda
              Participants:
              Component watchers:
              Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Bas Brands
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                11/Nov/13