Browse Source

ceshi

dev_trial
wenlele 2 years ago
parent
commit
91af0880bc
  1. 42
      code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.jsx
  2. 13
      code/VideoAccess-VCMP/web/client/src/sections/openness/components/container.jsx

42
code/VideoAccess-VCMP/web/client/src/components/videoPlayer/videoPlay.jsx

@ -455,27 +455,27 @@ const VideoPlay = ({ dispatch, actions,
flvPlayer.current = flv flvPlayer.current = flv
} else { } else {
videoFront = new moment(); // videoFront = new moment(); //
const player = new EZUIKit.EZUIKitPlayer({ // const player = new EZUIKit.EZUIKitPlayer({
id: containerId, // ID // id: containerId, // ID
accessToken: videoObj?.yingshiToken, // accessToken: videoObj?.yingshiToken,
url: videoObj.playUrlSd, // url: videoObj.playUrlSd,
width: setupSize('width'), // width: -10,
height: setupSize('height'), // height: -10,
handleSuccess: (e) => { // // handleSuccess: (e) => { //
setRoll(true) // setRoll(true)
setVideoMask(false) // setVideoMask(false)
playState.current = true // playState.current = true
videoAfter = new moment(); // // videoAfter = new moment(); //
}, // },
handleError: (e) => { // // handleError: (e) => { //
console.log(e, '播放失败'); // console.log(e, '');
setNumbers(e.retcode) // setNumbers(e.retcode)
videoAfter = new moment(); // // videoAfter = new moment(); //
setDisappear(true) // setDisappear(true)
}, // },
}) // })
setPlayer(player) // setPlayer(player)
yingshiPlayer.current = player // yingshiPlayer.current = player
} }
} }

13
code/VideoAccess-VCMP/web/client/src/sections/openness/components/container.jsx

@ -6,18 +6,21 @@ import { useState } from 'react';
const Container = ({ videoObj, pageSize, showHeader, videoPlay, mould }) => { const Container = ({ videoObj, pageSize, showHeader, videoPlay, mould }) => {
const [videoWidth, setVideoWidth] = useState() const [videoWidth, setVideoWidth] = useState(300)
const [videoHeight, setVideoHeight] = useState() const [videoHeight, setVideoHeight] = useState(200)
// console.log(videoObj); // console.log(videoObj);
useEffect(() => { useEffect(() => {
const resize_ = async () => { const resize_ = async () => {
try {
let video = document.getElementById('video' + videoObj.key) let video = document.getElementById('video' + videoObj.key)
if (video) { if (video) {
await setVideoWidth(video.clientWidth) await setVideoWidth(video.clientWidth)
await setVideoHeight(video.clientHeight) await setVideoHeight(video.clientHeight)
} }
} catch (error) {
console.error(error)
}
} }
resize_() resize_()
window.addEventListener('resize', resize_); // window.addEventListener('resize', resize_); //
@ -27,11 +30,15 @@ const Container = ({ videoObj, pageSize, showHeader, videoPlay, mould }) => {
}, []) }, [])
useEffect(() => { useEffect(() => {
try {
let video = document.getElementById('video' + videoObj.key) let video = document.getElementById('video' + videoObj.key)
if (video) { if (video) {
setVideoWidth(video.clientWidth) setVideoWidth(video.clientWidth)
setVideoHeight(video.clientHeight) setVideoHeight(video.clientHeight)
} }
} catch (error) {
console.error(error)
}
}, [pageSize, showHeader]) }, [pageSize, showHeader])
// console.log(videoWidth, videoHeight); // console.log(videoWidth, videoHeight);
return ( return (

Loading…
Cancel
Save