<div class="video-player">
      <div class="video-player__thumbnail-container" data-modal-id="video-modal-1301188470">
          <div class="image ">
              <picture>
                  <img src="/example-assets/images/video-player/poster.jpg" class="image__img video-player__thumbnail-image is-loading" alt="" 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-1301188470-placeholder">
      <aside class="modal modal--slide" id="video-modal-1301188470" 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-1301188470-title">
                  <div class="modal__container-inner">
                      <header class="modal__header">
                          <h3 class="modal__title" id="video-modal-1301188470-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-1301188470-content">

                          <div class="video-player">
                              <div class="video-player__video" data-plyr-provider="vimeo" data-plyr-embed-id="229479141" data-config="{'controls':true,'autoplay':true,'muted':true,'loop':{'active':false},'vimeo':{'muted':true,'background':true,'transparent':true}}"></div>
                          </div>

                      </main>
                  </div>
              </div>
          </div>
      </aside>
  </script>
{% include '@SharedComponents/modules/shared/components/video-player/video-player.twig' %}
{
  "vimeo": {
    "id": "229479141",
    "poster": "/example-assets/images/video-player/poster.jpg",
    "autoplay": false,
    "overlay": true
  }
}
  • Content:
    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;
  • URL: /components/raw/video-player/video-player.js
  • Filesystem Path: src/components/modules/shared/components/video-player/video-player.js
  • Size: 224 Bytes
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/shared/components/video-player/video-player";
  • URL: /components/raw/video-player/video-player.scss
  • Filesystem Path: src/components/modules/shared/components/video-player/video-player.scss
  • Size: 126 Bytes

No notes defined.