Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Video playback in Dam for Sitecore, can be configured.

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

    First you create a new item based on this template /sitecore/templates/DFS/Data/AssetBrowserTemplateSource, under /sitecore/content/home.
    Select the item and set filters. The first field under the section Filter is required. Select your asset silo.
  1. Menu, Select the menu items, that should be visible. If this is empty, no filters will be applied.
    Image Removed
  2. AssetTypes, Select on or more asset types that you want to restrict to. If this is empty, no filters will be applied.
  3. Formats, Select the format the editors can choose from. If this is empty, no filters will be applied.
    Copy the Item Id of the item created in #2, then go to a template that has one of DAM for Sitecore field types and paste the item id into the source property of the field that should have the filters.
    Image Removed 
    Now you can test the template and verify that the filters are applied, when editors inserts assets to the field
  4. 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.

    Info
    title

...

This feature is available from DAM for Sitecore 8.0.2 update 1 and up.

As a Sitecore administrator / developer you have the opportunity to apply filters when the content editor opens the asset browser. Meaning you can control which asset types that should be available, which menu item that should be visible or which formats the editor can choose from.

How to:

  1. 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.

    Info
    titleExample

    <div style="width:640px; height:360px;">
       <video controls="controls" width="640" height="360" poster="/media/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 8.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.

Image Added

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.