haxif-vue2-video
v1.1.1
Published
更新了许多内容
Downloads
8
Readme
haxif-vue2-video
version: 1.1.0
- 修复了一些bug
- 修复全屏问题
- 更新haxif-vue2-slider版本
- 新增精确视频进度定位
- 新增一些过度动画
- 新增停滞隐藏效果
安装
npm install haxif-vue2-video --save
引用
<template>
<div>
<!--
title 快捷标题 不推荐使用
:speeds 倍速控制器自定义 传值必须数组类型 为保持位数应为String类型内容
:festival 节日图标,暂只开放已下三种【'bilibili','Bug','Spring Festival'】
-->
<haxif-video
title="快捷标题"
:speeds="['2.0', '1.5', '1.0', '0.5', '0.25']"
:festival="Spring Festival"
>
<!-- 自定义表头 -->
<template #title>
<div style="xxx">
<h1>标题</h1>
任意自定义内容,只需保持在规定宽度内即可
</div>
</template>
<!-- 自定义音量按钮图标 -->
<template #volume-thumb>
<svg>xxx</svg>
</template>
<!-- 自定义缓冲动画(默认居中) -->
<template #loading>
<!-- <some img or div with animation> -->
</template>
<!-- 视频显示区顶部插槽 -->
<template #video-top>
视频顶部可停滞隐藏部分,可用于存放关注按钮等api
</template>
<!-- 支持直接插入Local视频资源 -->
<source src="../assets/海浪30.mp4">
</haxif-video>
</div>
</template>
<script>
import haxifVideo from 'haxif-vue2-video'
export default {
components:{
haxifVideo
},
}
</script>