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

Youtube Repository Video Preview is Cut Off

    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 (Obsolete):
      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.

        Gliffy Diagrams

          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

                • Votes:
                  1 Vote for this issue
                  Watchers:
                  5 Start watching this issue

                  Dates

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