Commit 075e3965 authored by 李纪文's avatar 李纪文

feat: 视频组件萤石云视频自适应大小节流

parent 6a317cba
...@@ -117,9 +117,12 @@ const Video = (props, ref) => { ...@@ -117,9 +117,12 @@ const Video = (props, ref) => {
getToken(); getToken();
} }
let resizeTime = null;
const resizeObserver = new ResizeObserver(() => { const resizeObserver = new ResizeObserver(() => {
PlayersA && if(resizeTime) clearTimeout(resizeTime);
PlayersA.reSize(refs?.current?.offsetWidth || 952, refs?.current?.offsetHeight || 500); resizeTime = setTimeout(() => {
PlayersA && PlayersA.reSize(refs?.current?.offsetWidth || 952, refs?.current?.offsetHeight || 500);
}, 300);
}); });
refs?.current && resizeObserver.observe(refs.current); refs?.current && resizeObserver.observe(refs.current);
...@@ -135,6 +138,10 @@ const Video = (props, ref) => { ...@@ -135,6 +138,10 @@ const Video = (props, ref) => {
} catch (e) {} } catch (e) {}
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
PlayersA = null; PlayersA = null;
if(resizeTime) {
clearTimeout(resizeTime);
resizeTime = null;
}
if (document.getElementById(`${keyID}`)) document.getElementById(`${keyID}`).innerHTML = ''; if (document.getElementById(`${keyID}`)) document.getElementById(`${keyID}`).innerHTML = '';
} catch (e) {} } catch (e) {}
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment