<div class="video-player">
<div class="video-player__thumbnail-container" data-modal-id="video-modal-1357831198">
<div class="image ">
<picture>
<img src="/example-assets/images/video-player/poster.jpg" class="image__img video-player__thumbnail-image is-loading" alt="Test Title" onload="this.classList.remove('is-loading')" />
</picture>
</div>
<div class="video-player__thumbnail-play-button"></div>
</div>
</div>
<script type="text/html" class="modal__placeholder" id="video-modal-1357831198-placeholder">
<aside class="modal modal--slide" id="video-modal-1357831198" aria-hidden="true" data-modal>
<div class="modal__overlay" tabindex="-1" data-modal-close data-modal-overlay>
<div class="modal__container--medium" role="dialog" aria-modal="true" aria-labelledby="video-modal-1357831198-title">
<div class="modal__container-inner">
<header class="modal__header">
<h3 class="modal__title" id="video-modal-1357831198-title"></h3>
<div class="modal__close">
<button class="button-icon--icon-regular -icon-close" type="button" name="close" value="close" data-modal-close="">
<span class="visually-hidden"></span>
</button>
</div>
</header>
<main class="modal__content" id="video-modal-1357831198-content">
<div class="video-player">
<span class="visually-hidden">Test Title</span>
<p class="visually-hidden">Test Description</p>
<video class="video-player__video" preload="auto" playsinline controls autoplay muted data-config="{'controls':true,'autoplay':true,'muted':true,'loop':{'active':false}}" poster="/example-assets/images/video-player/poster.jpg">
<source src="/example-assets/videos/video-player/video.mp4" type="video/mp4">
</video>
</div>
</main>
</div>
</div>
</div>
</aside>
</script>
{% include '@SharedComponents/modules/shared/components/video-player/video-player.twig' %}
{
"video": {
"title": "Test Title",
"description": "Test Description",
"mp4": "/example-assets/videos/video-player/video.mp4",
"poster": "/example-assets/images/video-player/poster.jpg",
"autoplay": false,
"overlay": true
}
}
import './video-player.scss';
import VideoPlayer, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/video-player/video-player';
export default VideoPlayer;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/video-player/video-player";
No notes defined.