uniapp视频倍速播放插件，uniapp视频试看插件——sunny-video使用文档_sunnyvideo

sunny-video视频倍速播放器

组件名：sunny-video

平台差异说明

• 目前已应用到APP（安卓、iOS）、微信（小程序、H5）
• 其它平台未测试

安装方式

• 本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。
• uni-app插件市场链接 —— https://ext.dcloud.net.cn/plugin?id=11982

基本用法

• APP端需要配置manifest.json>App模块配置勾选VideoPlay(视频播放)
• App端：3.6.14 以及 手机系统 iOS16 以上video全屏 需要配置应用支持横屏： 在manifest.json 文件内 app-plus 节点下新增 screenOrientation 配置，设置值为["portrait-primary","portrait-secondary","landscape-primary","landscape-secondary"]。如下：

 "app-plus" : {
	"screenOrientation" : [
	     "portrait-primary",
	     "portrait-secondary",
	     "landscape-primary",
	     "landscape-secondary"
	]
 }
1
2
3
4
5
6
7
8

代码演示

<template>
	<view>
		<sunny-video 
			ref="sunnyVideo" 
			title="测试视频" 
			src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" 
			poster="https://ask.dcloud.net.cn/static/images/side/ask_right_unicloud_class.jpg"
			@timeupdate="timeupdate" 
		/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			timeupdate(e){
			}
		}
	}
</script>

<style>
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

Props

事件 Events

方法 Methods

• 需要通过ref获取组件才能调用

注意事项

• APP全屏需要按照文档基本用法进行配置，
• APP端如果需要全屏倍速及试看，需要使用.nvue文件

最新文档请以插件市场为准， https://ext.dcloud.net.cn/plugin?id=11982
本文完~