MediaSpace: How to Embed a MediaSpace Video into a Mines Wordpress Website

Step-by-Step Guide for How to Embed a MediaSpace Video

This guide explains how to embed MediaSpace videos on a Mines Wordpress website by enabling the necessary web embed feature and generating the appropriate video URL code.

Open a Web Project Request with Mines Communications and Marketing

  • Contact your Marketing and Communications (Marcom) department to request that the MediaSpace web embed feature be turned on for your website. This feature must be enabled before proceeding to embed videos on your site.
  • Request URL: https://brand.mines.edu/requests/

Access MediaSpace

  1. Log in to MediaSpace:
    • Open your web browser and log into my.mines.edu with your Mines credentials.
    • Navigate to the MediaSpace tile within my.mines.edu or use the url, mediaspace.mines.edu.
      MediaSpace tile in my.mines.edu

Navigate to the Sharing Options for Your Video

  • Locate the video you wish to embed.
  • Click “Share” just below the video player and title.
    Share button within MediaSpace.

Select the Share Tab and Embed Option

  • In the “Share” window, you will see multiple sharing methods.
  • Click on the “Embed” tab to generate an embed code.
    Embed button within MediaSpace
  • Copy the entire embed code provided.
    Embed code provided by MediaSpace.
  • This external tool should assist in automatically converting the amp; tag into "&": https://emn178.github.io/online-tools/html_decode.html

Extract the URL from the Embed Code

  • Within the embed code, locate the src attribute.
  • You will find a URL between the quotes. Copy only the URL.

Example: https://cdnapisec.kaltura.com/p/5735552/embedPlaykitJs/uiconf_id/54115372?iframeembed=true&entry_id=1_y00cxg8f&config%5Bprovider%5D=%7B%22widgetId%22%3A%221_n8qvlnxw%22%7D&config%5Bplayback%5D=%7B%22startTime%22%3A0%7D

Decode the URL

  • The URL may contain encoded symbols such as &. Replace these with the & symbol to decode the URL.

Example: https://cdnapisec.kaltura.com/p/5735552/embedPlaykitJs/uiconf_id/54115372?iframeembed=true&entry_id=1_y00cxg8f&config%5Bprovider%5D=%7B%22widgetId%22%3A%221_n8qvlnxw%22%7D&config%5Bplayback%5D=%7B%22startTime%22%3A0%7D

Result: https://cdnapisec.kaltura.com/p/5735552/embedPlaykitJs/uiconf_id/54115372?iframeembed=true&entry_id=1_y00cxg8f&config%5Bprovider%5D=%7B%22widgetId%22%3A%221_n8qvlnxw%22%7D&config%5Bplayback%5D=%7B%22startTime%22%3A0%7D

Add the Shortcode to Your Website

  • Using the Divi Builder, insert the following shortcode inside a Divi Text Module.
    Divi Builder Text module.
  • Replace the example URL with your actual video URL: [kaltura_video url="https://mediaspace-video-url"]
    Text module embedded code.

Best Practices

  • Page-Specific Approval: Ensure that each individual webpage where a MediaSpace video is embedded is approved for embedding by Marcom. Without this approval, the videos may not display properly.

  • Use for Featured Public Videos: This embedding method should only be used for featured public videos that are meant to stand out. For a large collection of videos, consider directing users to MediaSpace Channels, which provide a more scalable solution.

Print Article

Details

Article ID: 153403
Created
Wed 10/16/24 7:45 AM
Modified
Wed 10/16/24 11:32 AM