趣说动物
<style>#papa{
margin: 130px -220px;
width: 1286px;
height: 720px;
background: auto;
pointer-events: auto;
overflow: hidden;
position: relative;
border: 1px solid rgba(36, 201, 219,.95);
border-radius: 32px;z-index:1;
}
#myPlayer {
position: absolute;
}
.controls1{
position: absolute;
bottom:1px;
left:42%;
padding: 6px;
background: green;
color: white;
border: 2px solid white;
border-radius: 8px;
cursor: pointer;
pointer-events: auto;
z-index: 1;
opacity: 0;
}
#papa:hover .controls1{ opacity: 1;}
</style>
<div id="papa">
<div id="videoContainer">
<video id="myPlayer" controls width="100%" height="auto"></video>
</div>
<div class="controls1">
<button onclick="playPause()">播放/暂停</button>
<button onclick="prevVideo()">上一个</button>
<button onclick="nextVideo()">下一个</button>
</div></div>
<script>
const playlist = [
'https://cccimg.com/view.php/ee868160b62ced6157805a5cb3471ad0.mp4',
'https://cccimg.com/view.php/c2345712dc789446ea2de239f423cf41.mp4'
];
let currentIndex = 0;
const player = document.getElementById('myPlayer');
function initPlayer() {
player.src = playlist;
player.load();
}
player.addEventListener('ended', () => {
if(currentIndex < playlist.length-1) {
currentIndex++;
player.src = playlist;
player.play();
}
});
function playPause() {
player.paused ? player.play() : player.pause();
}
function prevVideo() {
if(currentIndex > 0) {
currentIndex--;
player.src = playlist;
player.play();
}
}
function nextVideo() {
if(currentIndex < playlist.length-1) {
currentIndex++;
player.src = playlist;
player.play();
}
}
initPlayer();
</script>
艾玛，我姑娘天天跟我嚷嚷要养只卡皮巴拉，我说这不就大老鼠吗，看着就发毛 诺北 发表于 2025-3-31 09:44
艾玛，我姑娘天天跟我嚷嚷要养只卡皮巴拉，我说这不就大老鼠吗，看着就发毛
谢谢诺北管理员关注，既然姑娘喜欢养只玩玩也无妨呀 约会阳光 发表于 2025-3-31 10:05
谢谢诺北管理员关注，既然姑娘喜欢养只玩玩也无妨呀
:L那不行，我跟她说了，有它没我，有我没它 诺北 发表于 2025-3-31 10:23
那不行，我跟她说了，有它没我，有我没它
支持，以孩子健康成长为中心{:1_293:} 谢谢爆汁莓驴老师鼓励，分享快乐@爆汁莓驴 金钱豹和老虎狮子谁最厉害。 这应该是动物世界那节目剪辑出来的吧。 想起赵忠祥解说的动物世界。 我也在 发表于 2025-3-31 22:39
金钱豹和老虎狮子谁最厉害。
谢谢我也在超版观赏及鼓励
一对一的话，应该是老虎吧
页:
[1]