100 lines
2.4 KiB
JavaScript
100 lines
2.4 KiB
JavaScript
|
"use strict";
|
|||
|
|
const common_vendor = require("../../../common/vendor.js");
|
|||
|
|
require("../../index.js");
|
|||
|
|
const _sfc_main = {
|
|||
|
|
__name: "su-video",
|
|||
|
|
props: {
|
|||
|
|
moveX: {
|
|||
|
|
type: [Number],
|
|||
|
|
default: 0
|
|||
|
|
},
|
|||
|
|
// 下标索引
|
|||
|
|
uid: {
|
|||
|
|
type: [Number, String],
|
|||
|
|
default: 0
|
|||
|
|
},
|
|||
|
|
// 视频高度
|
|||
|
|
height: {
|
|||
|
|
type: Number,
|
|||
|
|
default: 300
|
|||
|
|
},
|
|||
|
|
// 视频宽度
|
|||
|
|
width: {
|
|||
|
|
type: Number,
|
|||
|
|
default: 750
|
|||
|
|
},
|
|||
|
|
// 指定视频初始播放位置，单位为秒（s）
|
|||
|
|
initialTime: {
|
|||
|
|
type: Number,
|
|||
|
|
default: 1
|
|||
|
|
},
|
|||
|
|
src: {
|
|||
|
|
type: String,
|
|||
|
|
default: ""
|
|||
|
|
},
|
|||
|
|
poster: {
|
|||
|
|
type: String,
|
|||
|
|
default: "https://img1.baidu.com/it/u=1601695551,235775011&fm=26&fmt=auto"
|
|||
|
|
},
|
|||
|
|
autoplay: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emits: ["videoTimeupdate"],
|
|||
|
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|||
|
|
const vm = common_vendor.getCurrentInstance();
|
|||
|
|
const state = common_vendor.reactive({
|
|||
|
|
enableProgressGesture: false,
|
|||
|
|
// 手势滑动
|
|||
|
|
showModal: false
|
|||
|
|
// 弹框
|
|||
|
|
});
|
|||
|
|
const props = __props;
|
|||
|
|
const emits = __emit;
|
|||
|
|
const timeupdate = (e) => {
|
|||
|
|
emits("videoTimeupdate", e);
|
|||
|
|
};
|
|||
|
|
const videoErrorCallback = (e) => {
|
|||
|
|
console.log("视频错误信息:", e.target.errMsg);
|
|||
|
|
};
|
|||
|
|
const play = () => {
|
|||
|
|
console.log("视频开始");
|
|||
|
|
};
|
|||
|
|
const pause = () => {
|
|||
|
|
console.log("视频暂停");
|
|||
|
|
};
|
|||
|
|
const end = () => {
|
|||
|
|
console.log("视频结束");
|
|||
|
|
};
|
|||
|
|
const pausePlay = () => {
|
|||
|
|
const video = common_vendor.index.createVideoContext(`sVideo${props.index}`, vm);
|
|||
|
|
video.pause();
|
|||
|
|
};
|
|||
|
|
__expose({
|
|||
|
|
pausePlay
|
|||
|
|
});
|
|||
|
|
return (_ctx, _cache) => {
|
|||
|
|
return {
|
|||
|
|
a: `sVideo${__props.uid}`,
|
|||
|
|
b: common_vendor.s({
|
|||
|
|
height: __props.height + "rpx"
|
|||
|
|
}),
|
|||
|
|
c: __props.src,
|
|||
|
|
d: state.enableProgressGesture,
|
|||
|
|
e: __props.initialTime,
|
|||
|
|
f: common_vendor.o(videoErrorCallback),
|
|||
|
|
g: common_vendor.o(timeupdate),
|
|||
|
|
h: common_vendor.o(play),
|
|||
|
|
i: common_vendor.o(pause),
|
|||
|
|
j: common_vendor.o(end),
|
|||
|
|
k: __props.poster,
|
|||
|
|
l: __props.autoplay
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-4c9668ba"]]);
|
|||
|
|
wx.createComponent(Component);
|
|||
|
|
//# sourceMappingURL=su-video.js.map
|