'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-acbe72ca.js');

const akordVideoViewerCss = "akord-video-viewer .pg-viewer-wrapper .video-container{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}";

let AkordVideoViewer = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.isLoading = true;
  }
  onCanPlay() {
    this.isLoading = false;
  }
  render() {
    return (index.h(index.Host, { style: { display: 'block', textAlign: '-webkit-center' } }, index.h("video", { controls: true, onCanPlay: () => this.onCanPlay(), src: this.src, style: { height: `${this.height}px` } }, "Video playback is not supported by your browser.")));
  }
};
AkordVideoViewer.style = akordVideoViewerCss;

exports.akord_video_viewer = AkordVideoViewer;
