论坛 › 【轻唱流年】 › 哪里

爆汁莓驴 发表于 2025-3-10 13:37

哪里

<header><meta name="referrer" content="no-referrer"></header>

<div id="bb" style="position: relative;width: 100%;background-color: rgba(0, 0, 255, 0.1);height: 0;padding-top: 56.25%;overflow: hidden;box-shadow: 3px 3px 5px #000;background:url('http://www.yinhuabbs.cn/data/attachment/forum/202503/09/200635cdz7zc4cw9n4yyjw.jpg')no-repeat center/100% auto">
<video id="sp" style="position: absolute;width:100%;heigh:auto;left:0;top:0;mix-blend-mode:screen;opacity:1;"   src="https://video.699pic.com/videos/70/98/45/b_ktih9Na2nBxq1540709845_10s.mp4" onclick="kz()"></video>
</div>
    <center><audio id="myAudio" controls   style="display:none">
      <source src="http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=VHDJ_IgVDNtdFg-5"type="audio/mpeg">
      Your browser does not support the audio element.
    </audio></center>

<script type="text/javascript">

    const video = document.getElementById('sp');
    const audio = document.getElementById('myAudio');
    audio.currentTime = '0';audio.autoplay='true';
    video.muted='true';video.currentTime = '1.5';video.autoplay='true';

    function kz(){if(video.paused){video.play();audio.play();}else{video.pause();audio.pause();}}

    var vList =['https://video.699pic.com/videos/70/98/45/b_ktih9Na2nBxq1540709845_10s.mp4','https://www.douyin.com/aweme/v1/play/?video_id=v0300fg10000crn2ovnog65p217aqm70','https://www.douyin.com/aweme/v1/play/?video_id=v0200fg10000c9064ojc77u0haouj4u0'];
    var vLen = vList.length;
    var curr = 0;
    function play() {
   
    if (curr === vLen - 1) { // 如果是最后一个视频
       video.addEventListener('loadedmetadata',() => {
         video.currentTime= 1.5;
       });
    }
    video.src = vList;
    video.load();
    video.play();
    }
    video.addEventListener('ended', function() {
    curr = (curr + 1) % vLen; // 移动到下一个视频，循环播放
    play();
    });

    play();















// 监听音频播放状态变化
audio.addEventListener('play', function() {
    video.play();
});

audio.addEventListener('pause', function() {
    video.pause();
});


audio.addEventListener('ended', () => {
    audio.currentTime = '0';audio.play();
    video.src = vList;video.load();video.play();video.addEventListener('ended', function() {curr = (curr + 1) % vLen;play();});
});

document.addEventListener('visibilitychange',function() {
    if (document.hidden){
      document.getElementsByTagName('audio').pause();

    } else {
       document.getElementsByTagName('audio').play();

    }
});
</script>
发成功，睡觉了。醒来吹。。。

澜天 发表于 2025-3-10 14:13

增加了视频
故事性很强啦

凤舞九天 发表于 2025-3-10 14:24

做的很好啊{:1_293:}

雾桥 发表于 2025-3-10 14:32

这是莓驴老师唱的歌吗？看我的星星眼！！！

诺北 发表于 2025-3-10 15:17

:lol这MV做的很是好看

爆汁莓驴 发表于 2025-3-10 22:31

澜天 发表于 2025-3-10 14:13
增加了视频
故事性很强啦

做好后发帖不知如何取名？因为他们演绎的剧场故事版不知哪里可寻，视频歌词没有现成的。歌的主图利用后，哪里的字也丢了，这也是故事。:lol

爆汁莓驴 发表于 2025-3-10 22:33

凤舞九天 发表于 2025-3-10 14:24
做的很好啊

是挑战，挑战成功！以后有了新路子了:lol

向荣 发表于 2025-3-10 22:39

很美，制作漂亮
快乐是一片幸福的天地。祝福您天天快乐！

爆汁莓驴 发表于 2025-3-10 22:44

向荣 发表于 2025-3-10 22:39
很美，制作漂亮
快乐是一片幸福的天地。祝福您天天快乐！
应该是中画各位才艺的借鉴和应用，这个主要是应用通道背景效果。

凤舞九天 发表于 2025-3-10 22:46

爆汁莓驴 发表于 2025-3-10 22:33
是挑战，挑战成功！以后有了新路子了

啥挑战啊？:o

查看完整版本: 哪里