Compare commits
No commits in common. "88422c7fcdee5db5514a1038cd4c1b654454a241" and "bce9df6b1c083aa2e37ed05245b33ed3813d418d" have entirely different histories.
88422c7fcd
...
bce9df6b1c
|
|
@ -1,2 +1,2 @@
|
|||
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
|
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel="stylesheet" href="https://lcny.sk797.cn/h5/static/index.97465e7b.css"></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><script src="https://lcny.sk797.cn/h5/static/js/chunk-vendors.959091ef.js"></script><script src="https://lcny.sk797.cn/h5/static/js/index.edb605c0.js"></script></body></html>
|
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel="stylesheet" href="https://lcny.sk797.cn/h5/static/index.97465e7b.css"></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div><script src="https://lcny.sk797.cn/h5/static/js/chunk-vendors.959091ef.js"></script><script src="https://lcny.sk797.cn/h5/static/js/index.da3e7cd2.js"></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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')
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<view class="h-full w-full">
|
||||
<view>
|
||||
<LiveVideo
|
||||
v-if="address"
|
||||
:key="address"
|
||||
|
|
|
|||
Loading…
Reference in New Issue