<template>
  <div class="video-container">
    <VideoPlayer
      ref="videoPlayer"
      class="videoWrapper"
      :source="videoUrl"
      :cover="coverUrl"
    ></VideoPlayer>
  </div>
</template>

<script>
import VideoPlayer from '@/components/video-player';

export default {
  name: 'article-video',
  props: {
    videoUrl: String,
    coverUrl: String
  },
  data() {
    return {
    };
  },
  components: {
    VideoPlayer
  }
};
</script>

<style scoped>
.video-container {
  flex: 1;
}

.videoWrapper {
  display: block;
  width: 100%;
  height: 750px;
}

</style>