寻梦花园 发表于 2023-6-7 09:36

视频歌曲7首

本帖最后由 寻梦花园 于 2023-10-8 10:02 编辑 <br /><br /> <div style="position: relative;width: 1099px;height: 618px;MARGIN-LEFT:-200px;margin-top:33px;box-shadow:0px 0px 0px 2px #ff00ff, 0px 0px 0px 15px #880000; ">
<style type="text/css">
#mLiDiv {position: relative; margin-top: -350px;margin-left: 100px; color:#fff; width:280px;height:200px; font-size:14px; }
#mLiDiv a { text-decoration: none; cursor:pointer; }
#mLiDiv a:hover { color:blue; }
#tmsg {
         position: absolute;
      font: normal 16px sans-serif;
      color: #fff;
         top:590px;
      left:940px;
}
#prog {
      position: absolute;
      width: 880px;
      height: 5px;
      cursor: pointer;
         top:600px;
         left:17px;
box-shadow:0px 0px 0px 1px #fff
}

#ts {
    position: absolute;
    width:70px;
    height: 28px;
    top:577px;
    right:-30px;
    color: red;
   font-size:15px;
    font-family:微软雅黑;

}
</style>
<video id="aud"src=""autoplay="autoplay" width="1099"></video>
               <divid="prog"></div>
                <span id="tmsg">00:00 | 00:00</span>
    <div id="mLiDiv"></div>
<div id="ts"></div>
<img id="cd" src="http://storage.live.com/items/1965B2B1656C2AF6!16327?" style="position:absolute;top:590px;left:1060px;width:30px;height:30px;cursor:pointer;">
</div>   </div>
<script>
var muAr = [["http://fs.ringop.kugou.com/G249/M03/0D/03/mYcBAF-_jPeAIoX-AWZkGKPVmPg718.mp4","容中尔甲 - 神奇的九寨"],["http://fs.ringop.kugou.com/G032/M02/00/09/wIYBAFXyEAWAPMtgBZLICcI5ROQ667.mp4","胡月 - 我热恋的故乡"],
["http://fs.ringop.kugou.com/KGTX/CLTX002/9451c8528e4941380c1b7080db053263.mp4","李玲玉-《洗衣歌》"],
["http://fs.ringop.kugou.com/G248/M08/01/00/mIcBAF-_h36AAsMzBDz-EKAqNl0541.mp4","容中尔甲 - 高原红"],
["http://fs.ringop.kugou.com/KGTX/CLTX002/8d5b18a744b8442aa75bbbaa79a101b4.mp4","杭天琪-《我热恋的故乡》"],
["http://fs.ringop.kugou.com/KGTX/CLTX002/673b717ab199cdcb91bf8dd45620d992.mp4","吴静-女儿情"],
["http://fs.ringop.kugou.com/KGTX/CLTX002/64cba87629d46533979fb2d6fbef906d.mp4","胡月 -信天游"]
];

var mLi = document.getElementById('mLiDiv');
var playIdx = 0;
var str = "";
for(j=0; j<muAr.length; j++) {
      str += (j+1) + ".<a id='list" + j + "' onclick='iPlay(" + j + ")' >" + muAr + "</a><br />";
}
mLi.innerHTML += str;
mLi.style.visibility = 'hidden';

function iPlay(idx){
      playIdx = idx;
      aud.src = muAr;
      aud.play();
      nameRed(playIdx);
}
aud.onended = function() {
      playIdx ++;
      if(playIdx >= muAr.length) playIdx = 0;
    aud.src = muAr;
    aud.play();
nameRed(playIdx);
}

function nameRed(){
      for(k=0;k<muAr.length;k++){
                let listId = "list" + k;
                document.getElementById(listId).style.removeProperty("color");
      }
      listId = "list" + playIdx;
      document.getElementById(listId).style.color = "red";
}

      prog.onclick = (e) => {
                aud.currentTime = aud.duration * e.offsetX / prog.offsetWidth;
      }

      aud.addEventListener('timeupdate', () => {
               prog.style.background= 'linear-gradient(90deg, rgba(0,0,255,1)' + aud.currentTime / aud.duration * 100 + '%, transparent 0)';
                tmsg.innerText = toMin(aud.currentTime) + ' | ' + toMin(aud.duration);

      });

      let toMin = (val) => {
                if (!val) return '00:00';
                val = Math.floor(val);
                let min = parseInt(val / 60),
                        sec = parseFloat(val % 60);
                if (min < 10) min = '0' + min;
                if (sec < 10) sec = '0' + sec;
                return min + ':' + sec;
      };
var __encode ='jsjiami.com',_a={}, _0xb483=["\x5F\x64\x65\x63\x6F\x64\x65","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x6F\x6A\x73\x6F\x6E\x2E\x63\x6F\x6D\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x6F\x62\x66\x75\x73\x63\x61\x74\x6F\x72\x2E\x68\x74\x6D\x6C"];(function(_0xd642x1){_0xd642x1]= _0xb483})(_a);var __Ox10753e=["\x63\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6F\x6E\x63\x6C\x69\x63\x6B","\x76\x69\x73\x69\x62\x69\x6C\x69\x74\x79","\x73\x74\x79\x6C\x65","\x76\x69\x73\x69\x62\x6C\x65","\x68\x69\x64\x64\x65\x6E","\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72","\x69\x6E\x6E\x65\x72\x54\x65\x78\x74","\u83DC\u5355","\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x75\x74","","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x6C\x6F\x67","\u5220\u9664","\u7248\u672C\u53F7\uFF0C\x6A\x73\u4F1A\u5B9A","\u671F\u5F39\u7A97\uFF0C","\u8FD8\u8BF7\u652F\u6301\u6211\u4EEC\u7684\u5DE5\u4F5C","\x6A\x73\x6A\x69\x61","\x6D\x69\x2E\x63\x6F\x6D"];var img=document](__Ox10753e);img]= function(){mLi]]== __Ox10753e?(mLi]]= __Ox10753e):(mLi]]= __Ox10753e)};img]= function(){ts]= __Ox10753e};img]= function(){ts]= __Ox10753e};;;(function(_0x6936x2,_0x6936x3,_0x6936x4,_0x6936x5,_0x6936x6,_0x6936x7){_0x6936x7= __Ox10753e;_0x6936x5= function(_0x6936x8){if( typeof alert!== _0x6936x7){alert(_0x6936x8)};if( typeof console!== _0x6936x7){console](_0x6936x8)}};_0x6936x4= function(_0x6936x9,_0x6936x2){return _0x6936x9+ _0x6936x2};_0x6936x6= _0x6936x4(__Ox10753e,_0x6936x4(_0x6936x4(__Ox10753e,__Ox10753e),__Ox10753e));try{_0x6936x2= __encode;if(!( typeof _0x6936x2!== _0x6936x7&& _0x6936x2=== _0x6936x4(__Ox10753e,__Ox10753e))){_0x6936x5(_0x6936x6)}}catch(e){_0x6936x5(_0x6936x6)}})({})

iPlay(playIdx);
</script>

梦缘 发表于 2023-6-7 09:39

问好老师，没看到啊！

醉美水芙蓉 发表于 2023-6-7 11:46

红影 发表于 2023-6-7 17:04

单独去打开地址能看到，帖子里貌似看不到呢。

一斛珠 发表于 2023-6-7 17:41

好听的声音
页: [1]
查看完整版本: 视频歌曲7首