@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
50 lines (49 loc) • 1.72 kB
JavaScript
import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
import React from "react";
import classNames from "classnames";
import { Video as VideoTaro, View } from "@tarojs/components";
import { mergeProps } from "../../utils/merge-props";
var defaultProps = {
source: {
type: {},
src: ''
},
options: {
controls: true,
muted: false,
autoplay: false,
poster: '',
playsinline: false,
loop: false
}
};
var classPrefix = "nut-video";
export var Video = function(props) {
var _mergeProps = mergeProps(defaultProps, props), source = _mergeProps.source, options = _mergeProps.options, className = _mergeProps.className, style = _mergeProps.style, onPlay = _mergeProps.onPlay, onPause = _mergeProps.onPause, onPlayEnd = _mergeProps.onPlayEnd, restProps = _object_without_properties(_mergeProps, [
"source",
"options",
"className",
"style",
"onPlay",
"onPause",
"onPlayEnd"
]);
var classes = classNames(classPrefix, className);
return /*#__PURE__*/ React.createElement(View, {
className: classes,
style: style
}, /*#__PURE__*/ React.createElement(VideoTaro, _object_spread({
className: "".concat(classPrefix, "-player"),
muted: options.muted,
autoplay: options.autoplay,
loop: options.loop,
poster: options.poster,
controls: options.controls,
src: source.src,
onPlay: onPlay,
onPause: onPause,
onEnded: onPlayEnd
}, restProps)));
};
Video.displayName = 'NutVideo';