Issue: Kaltura MediaSpace embeds shrink and disappear on topic pages in D2L Brightspace Content

Issue Overview

We want to make you aware of a display issue affecting Kaltura Media video embeds in D2L Brightspace when using the Insert Stuff method within HTML Document Templates.

When a content template page includes bootstrap.min.cssin the source code, Kaltura video iframes may shrink upon page load, causing the video to become unplayable.

Current Status

We are actively working with both Kaltura and D2L to identify a scalable, vendor-supported solution that will resolve this issue without requiring manual intervention. 

One of the temporary workarounds will ensure your Kaltura videos display and function properly when the page loads.

If you have questions or need help implementing these changes, please contact your campus technology support. 

Thank you for your attention and patience as we work toward a permanent solution.

Temporary Workarounds

If you need your content to function correctly before a vendor resolution is applied, you can use one of the following approaches: 

Option 1: Provide a Descriptive Hyperlink to the Video instead

Instead of embedding the video directly, you can include a descriptive hyperlink to the shared or unlisted Kaltura video. If the video has already been embedded in the course, you can provide a quicklink to the existing activity maintaining the current permissions and any gradebook associations. This allows users to open and play the video in a new browser window, bypassing the iframe rendering issue while maintaining access to the content. If permissions need to be adjusted for newly shared content, KA 445 provides the steps necessary to get usable direct links for anyone with the link.

Option 2: Use a Responsive Embed Wrapper for embedded video

  1. Navigate to the Content tool within your D2L Brightspace course.
  2. Edit the topic page that contains the embedded media. 
  3. In the HTML Editor, click the Source Code icon. 
  4. Wrap the Kaltura iframe in a responsive container. 
    <div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="KALTURA_VIDEO_SRC" ></iframe></div>
    Important: Replace KALTURA_VIDEO_SRC with the actual video source URL and attributes!
  5. Click Save in the source code dialog. 
  6. Click Save and Close on the content topic page. 

 

Print Article