/rax-video

Primary LanguageTypeScript

npm

支持

Web / Weex / 小程序

描述: 视屏播放组件

安装

$ npm install rax-video --save

属性

注: 1、支持列表中的 browser代表h5 weex代表weex miniApp代表小程序

属性 类型 默认值 必填 描述 支持
src String - 视频地址 browser weex miniApp
autoPlay Boolean false 设置视频自动播放 browser weex miniApp
muted Boolean false 是否播放音频 browser weex miniApp
loop Boolean false 是否循环播放 browser weex miniApp
controls Boolean true 是否展示control panel browser weex miniApp
playControl String pause playpause,控制视屏播放,如果不设置,则通过autoPlay属性来判定当视屏加载后,是否播放 browser weex miniApp
onEnded function - 当视屏播放完成时调用的callback函数 browser weex miniApp

示例

在线 Demo

import {createElement, Component, render} from 'rax';
import Video from '../src/index';
import * as DriverDOM from 'driver-dom';
import { isWeex } from 'universal-env';
import * as DriverWeex from 'driver-weex';

render(<Video style={{ width: 750, height: 400 }} autoPlay src="https://cloud.video.taobao.com/play/u/2780279213/p/1/e/6/t/1/d/ld/36255062.mp4" />, document.body, { driver: isWeex ? DriverWeex : DriverDOM });