OFRAG Frontend Components Library v0.0.0

Video Player: Direct Mp 4 Autoplay 

<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>
 
{% 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": true,
    "overlay": false
  }
}
  • 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.