DFS 9.1.0 - 10 Video playback

Owned by Martin Ulisse
Last updated: Dec 06, 2018

Video playback in Dam for Sitecore, can be configured.

In the following section, it is explained how video playback is handled.

  1. Digizuite embed player
    The standard configuration uses Digizuite's embed player for rendering video assets in Sitecore. The html is an iframe, which is either a fixed width and height or responsive to the container it is part of.

    Example

    <iframe width="100%" height="100%" scrolling="no" allowfullscreen="true" frameborder="0" src="https://[DAM URL]/dmm3bwsv3/embedplayer/play.aspx?accesskey=71c38ac6-2def-43b8-a226-ce1ad8152f57&aid=86&autostart=0&width=auto&height=auto&videoquality=videoPreview&fs=1" style=""></iframe>

  2. Native browser video playback
    This player uses the native browser video playback. The drawback of this solution, is that the player controls looks different for each browser vendor.

    Example

    <div style="width:640px; height:360px;">
       <video controls="controls" width="640" height="360" poster="/{stampvalue-config:mediapipeline}/9c60ffb4e919412ab924c6b925612774/774-50045" >
          <source type="video/mp4" src="https://[DAM URL]/dmm3bwsv3/assetstream.aspx?accesskey=a9402f36-039d-43ba-9109-ac599b6335b7&destinationid=10010&assetid=774&mediaformatid=50050">
       </video>
    </div>

  3. Custom video playback through API (code behind)
    The video streaming URL is retrieved from the API, see this guide DFS 9.1.0 - 4 Accessing metadata through API, and using this a custom video player is constructable.

Configuration

To configure the html for the video asset, navigate to sitecore → Templates → Branches → DFS → AssetTypeOutputRoot →  AssetTypeOutputRoot and select the 01 - Video item.

The Html section contains the html template for the different content areas. The two important fields for video playback is Rich Text Editor Media and Asset Field Type. This is rendered when inserting a video asset into RTE or when using the DAM for Sitecore asset field.The stampvalues in the html are tags that are replaced through a pipeline. Read more about the stampvalues in section 3.6. Whenever changes to these fields are made, then the silo has to be synchronized in order for the changes to work.