🩷爱生活、🩷爱摸鱼
最新CDN攻击IP黑名单
在忙碌的生活和工作之余,看美女视频是一种很好的放松方式。当看到美女面带微笑或者进行一些有趣的活动时,大脑会释放多巴胺,这是一种能让人产生愉悦感的神经递质。比如在一天的紧张工作后,看一段美女在海边嬉戏的视频,欢快的氛围和美女的笑容能够帮助人们忘却工作中的压力和疲惫。
朋友您好!
正在寻找您的足迹...
评论列表(28条)
<video width="360" height="640" controls>
<source src="video.mp4" type="video/mp4">
</video>
video {
width: 100%;
height: 100%;
object-fit: contain;
}
这样即使视频宽高比变化,容器尺寸也不会改变。
import React, { useRef, useEffect } from 'react';
import Hls from 'hls.js';
const VideoPlayer = ({ src }) => {
const videoRef = useRef(null);
const hlsRef = useRef(null);
useEffect(() => {
if (Hls.isSupported()) {
const hls = new Hls({
autoStartLoad: false,
preferredBufferDuration: 5
});
hlsRef.current = hls;
hls.loadSource(src);
hls.attachMedia(videoRef.current);
hls.on(Hls.Events.MANIFEST_PARSED, () => {
videoRef.current.play();
});
} else if (videoRef.current.canPlayType('application/vnd.apple.mpegurl')) {
videoRef.current.src = src;
videoRef.current.play();
}
return () => {
if (hlsRef.current) {
hlsRef.current.destroy();
}
videoRef.current.pause();
videoRef.current.src = '';
};
}, [src]);
return <video ref={videoRef} controls playsInline />;
};