|
@ -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 ( |
|
|