For a better experience, click the Compatibility Mode icon above to turn off Compatibility Mode, which is only for viewing older websites.

Embed Drexel Streams Videos

After you've copied the iFrame embed code for the Drexel Streams video, follow these directions to edit the code to embed the video directly your Sitecore page.

  1. In Sitecore's Content Editor, navigate to the page you want to embed the video on. Click Edit HTML above the Body field.

  2. Place the cursor where you would like to embed the video, and paste the previously copied iFrame code.

  3. Delete everything before htts:// (including the quotation mark) and everything after "width="608" (including the quotation mark), as shown below.

  4. <iframe id="kaltura_player" src="https://cdnapisec.kaltura.com/p/1513041/sp/151304100/embedIframeJs/uiconf_id/28273021/partner_id/1513041?iframeembed=true&playerId=kaltura_player&entry_id=1_dwvzr901&flashvars[localizationCode]=en&amp;flashvars[leadWithHTML5]=true&amp;flashvars[sideBarContainer.plugin]=true&amp;flashvars[sideBarContainer.position]=left&amp;flashvars[sideBarContainer.clickToClose]=true&amp;flashvars[chapters.plugin]=true&amp;flashvars[chapters.layout]=vertical&amp;flashvars[chapters.thumbnailRotator]=false&amp;flashvars[streamSelector.plugin]=true&amp;flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&amp;flashvars[dualScreen.plugin]=true&amp;&wid=1_idzy8h5y" width="608" height="402" allowfullscreen webkitallowfullscreen mozAllowFullScreen frameborder="0"></iframe>
    
  5. Surround the entire code block with <div class="ds-embed"><a class="DUIFrame"> and </a></div>:

  6. <div class="ds-embed"><a class="DUIFrame">https://cdnapisec.kaltura.com/p/1513041/sp/151304100/embedIframeJs/uiconf_id/28273021/partner_id/1513041?iframeembed=true&playerId=kaltura_player&entry_id=1_dwvzr901&flashvars[localizationCode]=en&amp;flashvars[leadWithHTML5]=true&amp;flashvars[sideBarContainer.plugin]=true&amp;flashvars[sideBarContainer.position]=left&amp;flashvars[sideBarContainer.clickToClose]=true&amp;flashvars[chapters.plugin]=true&amp;flashvars[chapters.layout]=vertical&amp;flashvars[chapters.thumbnailRotator]=false&amp;flashvars[streamSelector.plugin]=true&amp;flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&amp;flashvars[dualScreen.plugin]=true&amp;&wid=1_idzy8h5y</a></div>
    
  7. Accept the changes in the Edit HTML window. Save and display or publish the page. The video will be embedded and playable directly on the page, as shown below.