Compare commits

..

No commits in common. "0dbf8623f07a78ad99a83280d5c2f85a2fbb03fa" and "fd74e0e696491ca736da61f94e0ab92d4f41765f" have entirely different histories.

5 changed files with 73 additions and 80 deletions

View File

@ -1,9 +1,6 @@
<template>
<view class="h-full w-full">
<iframe class="w-full h-full" v-if="type=='iframe'" :src="url"></iframe>
<div ref="muiPlayer" v-else>
</div>
<div ref="muiPlayer"></div>
</view>
</template>
<script>
@ -26,77 +23,73 @@ export default {
},
methods: {
videoPlayer() {
if (this.type == 'iframe') {
console.log("=====");
} else {
let parse = {}
if (this.type == 'm3u8') {
parse = {
type: 'hls',
loader: Hls,
config: {
debug: false,
},
}
} else {
parse = {
type: 'flv',
loader: Flv,
config: {
debug: false,
},
}
let parse = {}
if (this.type == 'm3u8') {
parse = {
type: 'hls',
loader: Hls,
config: {
debug: false,
},
}
this.mp = new MuiPlayer({
container: this.$refs.muiPlayer,
live: true,
src: this.url,
autoplay: true,
muted: true,
parse: parse,
pageHead: false,
width: '100%',
height: '100%',
autoFit: false,
objectFit: 'contain',
videoAttribute: [
} else {
parse = {
type: 'flv',
loader: Flv,
config: {
debug: false,
},
}
}
this.mp = new MuiPlayer({
container: this.$refs.muiPlayer,
live: true,
src: this.url,
autoplay: true,
muted: true,
parse: parse,
pageHead: false,
width: '100%',
height: '100%',
autoFit:false,
objectFit: 'contain',
videoAttribute: [
{
attrKey: 'webkit-playsinline',
attrValue: 'webkit-playsinline',
},
{
attrKey: 'playsinline',
attrValue: 'playsinline',
},
{
attrKey: 'x5-video-player-type',
attrValue: 'h5-page',
},
],
custom: {
footerControls: [
{
attrKey: 'webkit-playsinline',
attrValue: 'webkit-playsinline',
},
{
attrKey: 'playsinline',
attrValue: 'playsinline',
},
{
attrKey: 'x5-video-player-type',
attrValue: 'h5-page',
style: {},
},
],
custom: {
footerControls: [
{
style: {},
},
],
},
})
let _video = this.mp.video()
this.$nextTick(() => {
this.mp.on('ready', (event) => {
_video.play()
_video.addEventListener('play', (e) => {
//
this.$emit('onPlayFn')
})
_video.addEventListener('ended', (e) => {
//
this.$emit('onEndedFn')
})
},
})
let _video = this.mp.video()
this.$nextTick(() => {
this.mp.on('ready', (event) => {
_video.play()
_video.addEventListener('play', (e) => {
//
this.$emit('onPlayFn')
})
_video.addEventListener('ended', (e) => {
//
this.$emit('onEndedFn')
})
})
}
})
},
},
}

View File

@ -1,5 +1,5 @@
<template>
<view class="h-full w-full">
<view>
<LiveVideo
v-if="address"
:key="address"

View File

@ -185,7 +185,7 @@ export default {
},
},
{
field: 'industry',
field: 'type',
label: '农业类型',
component: 'ApiSelect',
componentProps: ({ formActionType }) => {
@ -197,7 +197,7 @@ export default {
return data.data
},
labelField: 'name',
valueField: 'key',
valueField: 'id',
}
},
},

View File

@ -157,7 +157,7 @@ export default {
},
},
{
field: 'industry',
field: 'type',
label: '农业类型',
component: 'ApiSelect',
componentProps: ({ formActionType }) => {
@ -169,7 +169,7 @@ export default {
return data.data
},
labelField: 'name',
valueField: 'key',
valueField: 'id',
}
},
},
@ -178,15 +178,15 @@ export default {
},
computed: {
options() {
return [].filter((e) => checkPermission(e.permission))
return [
].filter((e) => checkPermission(e.permission))
},
},
methods: {
handleSubmit(e) {
this.filterParmas = e
this.$nextTick(() => {
this.mescroll.resetUpScroll()
})
this.mescroll.resetUpScroll()
},
upCallback({ num, size }) {
this.getData({

View File

@ -135,7 +135,7 @@
</view>
<view class="content-box">
<view class="video_ul" v-show="current == 0">
<view class="video_li" v-for="(video, index) in videoList" :key="index+'s'">
<view class="video_li" v-for="(video, index) in videoList" :key="video.video_url+index">
<view class="video_cd">
<!-- #ifdef H5 -->
<!-- {{ video.video_url }} -->
@ -165,7 +165,7 @@
<view
class="video_li"
v-for="(video, index) in videoList2"
:key="index+'s2'"
:key="video.video_url+index"
>
<view class="video_cd">
<!-- #ifdef H5 -->