【源码分享】快手 XJJ 视频播放页面，无限连播，兼容微信

Mr.

本帖最后由 Mr. 于 2020-3-23 16:49 编辑


看到有人在发 XJJ 视频的页面，我也发一个，几个月前论坛里有人分享了快手的 XJJ 采集，根据这个做了个页面，一直放着。。。

代码很简单，页面很简洁，中老年配色，支持自动连续播放，主要是兼容了微信不用全屏就能播（但第一次打开还是要手动点播放）

放两个预览地址：
meizi.pp.ua
和
meinv.pp.ua

代码就四个文件，视频列表文件就自己找吧，一行一个视频地址就行


index.html  -  入口页面

[ol]

   

   

     

   

   

   

   

     XJJ

   

   

        

   

   

        连续: 开

        播放下一个

   

           

[/ol]复制代码


video.php  -  随机获取视频地址

[ol]

复制代码


style.css  -  样式

[ol]

* {

    border: 0;

    margin: 0;

    padding: 0;

    outline: none;

    box-sizing: border-box;

}

body {

    background: #000;

    width: 100vw;

    height: 100vh;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    align-items: center;

}

#main {

    height: calc(100vh - 60px);

    display: flex;

    justify-content: center;

    align-items: center;

}

#player {

    width: 100%;

    height: auto;

    max-height: 100%;

}

#buttons {

    height: 60px;

    padding: 10px;

}

#switch,

#next {

    background: #FFF;

    background: linear-gradient(to bottom, #FF2,#FB0);

    color: #AF2E08;

    font-size: 16px;

    font-weight: bold;

    height: 40px;

    padding: 0px 20px;

    margin: 0px 5px;

    border-radius: 20px;

}[/ol]复制代码


ks.txt  -  视频列表

[ol]

http://alimov2.a.yximgs.com/upic/2017/11/05/03/BMjAxNzExMDUwMzMyMjNfMTY5OTgwMzlfMzc2OTA5MDYwOV8xXzM=_b.mp4

http://txmov2.a.yximgs.com/upic/2019/05/18/18/BMjAxOTA1MTgxODA4MTVfMTExNTkxMjA4Ml8xMzE4MTQ2NTUwOV8xXzM=_b_B9779e00de57a95b32ce7c7f1a6f5d344.mp4

http://txmov2.a.yximgs.com/upic/2019/05/18/18/BMjAxOTA1MTgxODMxMzZfMjIyNDUxMTY2XzEzMTgyNDUzOTExXzFfMw==_b_B8d23190ec90818e7b12bfaa1062a518c.mp4

http://txmov2.a.yximgs.com/upic/2019/06/10/12/BMjAxOTA2MTAxMjExNDFfNTQwMDU2NDBfMTM5MzQyMDAxNjBfMV8z_b_B83123c2961cad47d1a7214ea2524c32d.mp4

http://hwmov.a.yximgs.com/upic/2019/07/10/21/BMjAxOTA3MTAyMTI1NTFfNDM3ODZfMTUwMjY0MzU3MzJfMV8z_b_B276364034fb4756323028e2c0bc3c3e7.mp4

……

后面自己补充[/ol]复制代码

一个不知名网友

牛逼，谢谢大佬分享
----

inkedus

研究下，谢谢大佬。

yhsiao

点进去这个下巴，怕是要戳死我
  ----

老猹

视频列表去哪里弄哇？....

风之翼灵

"

论坛里搜一下，以前有人发过

Mr.

谢谢大佬

huba123

顶不住了，营养跟不上上次看到一个抖音大jiejie站

zzidc

"

抖音限制了引用页面的域名，试了几个解决方案都无效，就没花时间研究了

leven5Shtahal

谢谢分享