Teaser - video feature | Community
Skip to main content
L
Lakshmi9
Level 3
January 30, 2023
Solved

Teaser - video feature

  • January 30, 2023
  • 1 reply
  • 853 views

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!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Kiran_Vedantam

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

1 reply

Kiran_Vedantam
Community Advisor
Kiran_VedantamCommunity AdvisorAccepted solution
Community Advisor
January 30, 2023

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

    Terms & ConditionsAccessibility statement

    Loading footer...