hml5移动页面面试题_HML5视频播放器VUE组件

hml5移动页面面试题

Vue播放器 (vue-player)

This is a html5 video component made in VueJS with to quickly add videos with placeholders and intros.

这是VueJS中制作的html5视频组件，用于快速添加带有占位符和简介的视频。

特征 (Features)

• full control of the player

  完全控制播放器

• 100% vue

  100％VUE

• no third parties js libs

  没有第三方js库

使用与指南 (Usage & Guide)

Install it

安装它

npm i --save @algoz098/vue-player

Then you import it where you need to use it.

然后，将其导入需要使用的位置。

import vuePlayer  from  '@algz098/vue-player'

Now, just tell vue to use it:

现在，告诉vue使用它：

Vue.component(vuePlayer)

Or inside a ´.vue´ file:

或在“ .vue”文件中：

<script>
	export  default {
		components: {
			vuePlayer
		}
	}
</script>

Now, just use it:

现在，只需使用它：

<vue-player src="http://techslides.com/demos/sample-videos/small.mp4" poster="https://via.placeholder.com/150" title="this is a title" v-model="playing"></vue-player>

翻译自: https://vuejsexamples.com/a-hml5-video-player-vue-component/

hml5移动页面面试题