Teaser - video feature

[Lakshmi9]

Hi Team,

Could someone suggest the best way approach to add/extend the video(should upload it from DAM) feature on proxy teaser component? 

Thanks in advance!

[Kiran_Vedantam · Accepted solution]

Hi @Lakshmi9 

You can add a path browser option in the dialog to author the videos from DAM. In your HTL, add the below code for the HTML 5 video player

<video data-sly-attribute="${model.attributeMap}" id="my-video" class="video-js" controls preload="auto" poster="${properties.fileReference}" data-setup="{}">
    <source src="${model.videoPath}" type='video/mp4'>
    <p class="vjs-no-js">
        To view this video please enable JavaScript, and consider upgrading to a web browser that
        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
</video>

Hope it helps!

Thanks,
Kiran Vedantam