@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
61 lines (60 loc) • 2.15 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Video", {
enumerable: true,
get: function() {
return Video;
}
});
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
var _object_spread = require("@swc/helpers/_/_object_spread");
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
var _components = require("@tarojs/components");
var _mergeprops = require("../../utils/merge-props");
var defaultProps = {
source: {
type: {},
src: ''
},
options: {
controls: true,
muted: false,
autoplay: false,
poster: '',
playsinline: false,
loop: false
}
};
var classPrefix = "nut-video";
var Video = function Video(props) {
var _mergeProps = (0, _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 = (0, _object_without_properties._)(_mergeProps, [
"source",
"options",
"className",
"style",
"onPlay",
"onPause",
"onPlayEnd"
]);
var classes = (0, _classnames.default)(classPrefix, className);
return /*#__PURE__*/ _react.default.createElement(_components.View, {
className: classes,
style: style
}, /*#__PURE__*/ _react.default.createElement(_components.Video, (0, _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';