Embed

<div class="embed js-embed">
    <div class="embed__player">
        <iframe src="https://player.vimeo.com/video/27246366?color=ffffff"></iframe>
    </div>
</div>
<div class="embed js-embed">
  <div class="embed__player">
    <iframe src="https://player.vimeo.com/video/27246366?color=ffffff"></iframe>
  </div>
</div>
/* No context defined for this component. */
  • Content:
    import Plyr from 'plyr/dist/plyr.polyfilled';
    import Base from '../../_config/base';
    
    class Embed extends Base {
      constructor(el) {
        super(el);
    
        const video = this.$el.querySelector('.embed__player');
    
        /* eslint-disable no-unused-vars */
        const player = new Plyr(video, {
          controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'settings', 'fullscreen'],
        });
        /* eslint-enable */
      }
    }
    
    Embed.className = 'Embed';
    export default Embed;
    
  • URL: /components/raw/embed/embed.js
  • Filesystem Path: patterns/02-molecules/embed/embed.js
  • Size: 487 Bytes

There are no notes for this item.