OFRAG Frontend Components Library v0.0.0

Video Player: Vimeo Autoplay Without Controls With Loop 

<div class="video-player">
      <div class="video-player__video" data-plyr-provider="vimeo" data-plyr-embed-id="160142207" data-config="{'controls':false,'autoplay':true,'muted':true,'loop':{'active':true},'vimeo':{'muted':true,'background':true,'transparent':true}}"></div>
  </div>
 
{% include '@SharedComponents/modules/shared/components/video-player/video-player.twig' %}
 
{
  "vimeo": {
    "id": "160142207",
    "poster": "/example-assets/images/video-player/poster.jpg",
    "autoplay": true,
    "overlay": false,
    "controls": false,
    "loop": 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.