vue-embed-video基于vue2的使用

安装vue-embed-video

使用npm：

npm install vue-embed-video --save

使用yarn：

yarn add vue-embed-video

在组件中引入vue-embed-video

import Vue from 'vue'
import VueEmbedVideo from 'vue-embed-video'

Vue.use(VueEmbedVideo)

在模板中使用vue-embed-video

<vue-embed-video :video-id="videoId" :player-options="playerOptions"></vue-embed-video>

其中，videoId为视频的ID，playerOptions为播放器的选项。

示例：

<template>
  <div>
    <vue-embed-video :video-id="videoId" :player-options="playerOptions"></vue-embed-video>
  </div>
</template>

<script>
export default {
  data() {
    return {
      videoId: 'dQw4w9WgXcQ', // Rick Astley - Never Gonna Give You Up
      playerOptions: {
        height: '500',
        width: '100%',
        playerVars: {
          autoplay: 1,
        },
      },
    }
  },
}
</script>