Teaser - video feature

1 reply
869 views
Translate All

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.

Kiran_VedantamAccepted solution

Community Advisor

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

Kiran_Vedantam

Accepted solution

Community Advisor

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

Translate

Sign up

Login with SSO

Login to the community

Login with SSO