rax-video

描述

视频播放组件

安装

$ npm install rax-video --save

属性

注： 1、支持列表中的 代表 Web 代表 Weex 代表阿里小程序 代表微信小程序

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

示例

import { createElement, render } from 'rax';
import Video from 'rax-video';
import DriverUniversal from 'driver-universal';

function VideoDemo() {
  return (
    <Video
      src="https://cloud.video.taobao.com/play/u/2780279213/p/1/e/6/t/1/d/ld/36255062.mp4"
      style={{ width: 750, height: 400 }}
      autoPlay
    />
  );
}

render(<VideoDemo />, document.body, { driver: DriverUniversal });