VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

【源码分享】快手 XJJ 视频播放页面,无限连播,兼容微信 - 便宜国外vps测评

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作


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

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

放两个预览地址:meizi.pp.uameinv.pp.ua
代码就四个文件,视频列表文件就自己找吧,一行一个视频地址就行


index.html  –  入口页面

  1. <!DOCTYPE html&复制代码

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

  1. <?php
  2. function read(…$filelist) {
  3.     $list = [];
  4.     foreach ($filelist as $file) {
  5.         $handle = fopen($file, ‘r’);
  6.         while (($line = fgets($handle)) !== false) {
  7.             array_push($list, trim($line));
  8.         }
  9.         fclose($handle);
  10.     }
  11.     return $list;
  12. }
  13. $list = read(‘ks.txt’);
  14. $url = $list[array_rand($list)];
  15. header(“Location: {$url}”);

复制代码


style.css  –  样式

  1. * {
  2.     border: 0;
  3.     margin: 0;
  4.     padding: 0;
  5.     outline: none;
  6.     box-sizing: border-box;
  7. }
  8. body {
  9.     background: #000;
  10.     width: 100vw;
  11.     height: 100vh;
  12.     overflow: hidden;
  13.     display: flex;
  14.     flex-direction: column;
  15.     align-items: center;
  16. }
  17. #main {
  18.     height: calc(100vh – 60px);
  19.     display: flex;
  20.     justify-content: center;
  21.     align-items: center;
  22. }
  23. #player {
  24.     width: 100%;
  25.     height: auto;
  26.     max-height: 100%;
  27. }
  28. #buttons {
  29.     height: 60px;
  30.     padding: 10px;
  31. }
  32. #switch,
  33. #next {
  34.     background: #FFF;
  35.     background: linear-gradient(to bottom, #FF2,#FB0);
  36.     color: #AF2E08;
  37.     font-size: 16px;
  38.     font-weight: bold;
  39.     height: 40px;
  40.     padding: 0px 20px;
  41.     margin: 0px 5px;
  42.     border-radius: 20px;
  43. }

复制代码


ks.txt  –  视频列表

  1. http://alimov2.a.yximgs.com/upic/2017/11/05/03/BMjAxNzExMDUwMzMyMjNfMTY5OTgwMzlfMzc2OTA5MDYwOV8xXzM=_b.mp4
  2. http://txmov2.a.yximgs.com/upic/2019/05/18/18/BMjAxOTA1MTgxODA4MTVfMTExNTkxMjA4Ml8xMzE4MTQ2NTUwOV8xXzM=_b_B9779e00de57a95b32ce7c7f1a6f5d344.mp4
  3. http://txmov2.a.yximgs.com/upic/2019/05/18/18/BMjAxOTA1MTgxODMxMzZfMjIyNDUxMTY2XzEzMTgyNDUzOTExXzFfMw==_b_B8d23190ec90818e7b12bfaa1062a518c.mp4
  4. http://txmov2.a.yximgs.com/upic/2019/06/10/12/BMjAxOTA2MTAxMjExNDFfNTQwMDU2NDBfMTM5MzQyMDAxNjBfMV8z_b_B83123c2961cad47d1a7214ea2524c32d.mp4
  5. http://hwmov.a.yximgs.com/upic/2019/07/10/21/BMjAxOTA3MTAyMTI1NTFfNDM3ODZfMTUwMjY0MzU3MzJfMV8z_b_B276364034fb4756323028e2c0bc3c3e7.mp4
  6. ……
  7. 后面自己补充

复制代码

各路大神的回复:

注册: 多谢分享啊老哥

Mr.: 牛逼,谢谢大佬分享 –< 对不起,还有……谢谢你——《魔道祖师》 &

这几篇文章你可能也喜欢:

  • 暂无相关推荐文章

本文由主机参考刊发,转载请注明:【源码分享】快手 XJJ 视频播放页面,无限连播,兼容微信 - 便宜国外vps测评 https://zhujicankao.com/8848.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 【源码分享】快手 XJJ 视频播放页面,无限连播,兼容微信 - 便宜国外vps测评
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!