@vuux/video
Version:
Vue Nuxt 视频播放器
2 lines (1 loc) • 1.41 kB
JavaScript
;const e=require("vue"),r=require("./svg/play.vue.cjs"),l=require("./svg/ended.vue.cjs"),i=require("./svg/loading.vue.cjs"),d={key:0,class:"video-loading is-loading"},m={key:0},u={key:0},p={key:3,class:"video-error"},k=e.defineComponent({__name:"loading",props:{videoStatus:{},butStatus:{},mssage:{default:""}},emits:["replay"],setup(s,{emit:a}){const t=s,n=a,o=()=>{n("replay")},c=e.computed(()=>t.butStatus==="play"&&t.videoStatus!=="ended"&&t.videoStatus!=="loading"&&t.videoStatus!=="error");return(g,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.videoStatus==="loading"?(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(i),t.mssage?(e.openBlock(),e.createElementBlock("p",m,e.toDisplayString(t.mssage),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.videoStatus==="ended"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"video-loading is-ended",onClick:o},[e.createVNode(l),t.mssage?(e.openBlock(),e.createElementBlock("p",u,e.toDisplayString(t.mssage),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"video-loading is-play",onClick:o},[e.createVNode(r)])):e.createCommentVNode("",!0),t.videoStatus==="error"?(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString(t.mssage?t.mssage:"视频加载错误"),1)):e.createCommentVNode("",!0)],64))}});module.exports=k;