随机视频API

首先打开服务器创建一个html文件也可以不创建

代码如下

点击查看代码

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charSet="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <meta http-equiv="Cache-Control" content="no-transform" />

    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <meta name="referrer" content="never">

    <meta name="renderer" content="webkit" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>小姐姐在线随机播放</title>

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <section id="main">

        <video id="player" src="video.php" controls webkit-playsinline playsinline></video>

    </section>

    <section id="buttons">

        <button id="switch">连续: 开</button>

        <button id="next">播放下一个</button>

    </section>

    <script>

    (function (window, document) {

        if (top != self) {

            window.top.location.replace(self.location.href);

        }

        var get = function (id) {

            return document.getElementById(id);

        }

        var bind = function (element, event, callback) {

            return element.addEventListener(event, callback);

        }

        var auto = true;

        var player = get('player');

        var randomm = function () {

            player.src = 'video.php?_t=' + Math.random();

            player.play();

        }

        bind(get('next'), 'click', randomm);

        bind(player, 'error', function () {

            randomm();

        });

        bind(get('switch'), 'click', function () {

            auto = !auto;

            this.innerText = '连续: ' + (auto ? '开' : '关');

        });

        bind(player, 'ended', function () {

            if (auto) randomm();

        });

    })(window, document);

    </script>

</body>

</html>

接下来我们给html创建一个简单的css美化

代码如下

点击查看代码

* {

    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;

}

随后添加API如下

点击查看代码

<?php

function read(...$filelist) {

    $list = [];

    foreach ($filelist as $file) {

        $handle = fopen($file, 'r');

        while (($line = fgets($handle)) !== false) {

            array_push($list, trim($line));

        }

        fclose($handle);

    }

    return $list;

}

$list = read('ks.txt');

$url = $list[array_rand($list)];

header("Location: {$url}");

接下来就是最简单的创建一个txt文件将你想要展示的链接粘贴进去即可

这里我提供一些

点击查看

https://dwz.mk/FvQVNb

https://dwz.mk/Q3YBjm

https://dwz.mk/MVZVjy

http://b6i.cn/6yHq3

http://mtw.so/66fctR

http://mtw.so/6d5rQ6

http://mtw.so/6llOO4

http://mtw.so/5JKMrO

http://mtw.so/66faVz

http://mtw.so/6llPR4

http://mtw.so/6sS2VL

http://mtw.so/5YNa04

http://mtw.so/6llPRe

http://mtw.so/5Ceznr

http://mtw.so/6d5qi8

http://mtw.so/5uImiU

http://mtw.so/6d5qii

http://mtw.so/5JKMu4

http://mtw.so/6llPRI

http://mtw.so/5uImkQ

http://mtw.so/5YNa2k

http://mtw.so/6llPRS

http://mtw.so/5JKMuo

http://mtw.so/6d5qiM

http://mtw.so/6llPS2

http://mtw.so/5JKMuy

http://mtw.so/5YNa2E

随机视频API的更多相关文章

【vps】教你写一个属于自己的随机图API
[vps]教你写一个自己的随机图API 前言刚刚开始使用halo博客的时候,我就发现halo博客系统是可以使用随机图当背景的,所以也是使用了网上一些比较火的随机图API. 在上次发现了各种图片API ...
Skype发布视频API
原文:Skype发布视频API 相信很多人对Skype多少都应该有一些了解,如果以前没有使用过它的服务的话,也应该在最近的新闻中听说过它的大名.因为,它和我们每天都在接触的公司--Mircrosoft ...
15个随机图片API
15个随机图片API 妈妈再也不用担心我网站没图用了呜请不要重复刷新此页面 ! 找了很久的说,你难道不想收藏一下吗其中有些 API 速度并不太好,可能会拖慢贵站的速度我也不能保证这些 API 能 ...
整理记录一些好用的随机图API
最近自己博客使用的随机图API有些不稳定,自己又去搜集了一些有意思的随机图API,这里做一个整理记录注意!!!本文链接最后测试时间----2021年11月21日主题作者Tagaki的API(有时候 ...
随机图片api
什么是随机图片api 随机图片api是什么呢?通俗的讲就是当你访问一个api时,浏览器会随机返回给你一张图片. 其实原理很简单,把你要随机的图片放在一起,然后写一个php,当php被访问时,就随机指向 ...
qq视频api代码
 <div id="mod_player"></div>  <scri ...
腾讯视频API --关闭广告推荐
官方文档:http://v.qq.com/open/doc/tvpapi2.0.pdf 使用: <script src="http://imgcache.qq.com/tencentv ...
PHP随机图片API
相比上一个版本代码缩短了此版本为图片专用查看代码 <?php $img=file('img.txt');//txt文件 $url=array_rand($img);//imgtxt文档里面图 ...
PHP实现获取本地视频进行随机播放
创建一个文件夹,里面随便方视频文件即可列如文件夹名字是assets代码如下 <? $handler = opendir('./assets/mp4/');//当前目录中的文件夹下的文件夹需要 ...

随机推荐

CSP J/S 初赛总结
CSP J/S 初赛总结 2021/9/19 19:29 用官方答案估计 J 涂卡的时候唯一的一支 2B 铅笔坏了,只能用笔芯一个个涂选择 $-6\ pts$ 判断 $-3\ pts$ 回答 ...
CYaRon!语
P3695 CYaRon!语开始之前上次水了些小模拟之后感觉不能再颓废了,于是就来大模拟. 然后这个题花了我一个多星期还是最差解不过,为了纪念我的第 20 道紫题,纪念我这一周的努力,我还是想 ...
ABP Framework 5.3.0 版本新增功能和变更说明
ABP Framework 5.3.0 稳定版已在2022年6月14日正式发布. 以下是本版本的新增功能: "开始"页面提供创建单层项目选项启动模板提供 PWA 支持 Volo. ...
让我们用Vue cli全家桶搭建项目
一般项目都会用到这几个,这里不在详细介绍概念,只是简单的使用.一.搭建cli 1.事先安装好cnpm(淘宝镜像) npm install -g cnpm --registry=https://regi ...
论文解读（SR-GNN）《Shift-Robust GNNs: Overcoming the Limitations of Localized Graph Training Data》
论文信息论文标题:Shift-Robust GNNs: Overcoming the Limitations of Localized Graph Training Data论文作者:Qi Zhu, ...
获取请求体数据 POST
POST获取请求体请求体中封装了 POST请求的请求参数获取流对象再从流对象中那数据一种字节流一种字符流 BufferedReader getReader()获取字符输入流只能操作字符 S ...
原生实现.NET5.0+ 自定义日志
一.定义一个静态类声明一个 ReaderWriterLockSlim 对象用于并发控制 1 /// <summary> 2 /// IO锁 3 /// </summary> ...
netty系列之:在netty中使用native传输协议
目录简介 native传输协议的依赖 netty本地传输协议的使用总结简介对于IO来说,除了传统的block IO,使用最多的就是NIO了,通常我们在netty程序中最常用到的就是NIO,比如 ...
对象映射 - Mapping.Mapster
前言在项目中我们会经常遇到对象的映射,比如像Model和Dto之间的映射,或者是对象的深拷贝,这些都是需要我们自己实现的.此时,项目中会出现很多初始化对象的代码,这些代码写起来相当的枯燥乏味,那么有 ...
npm相关资料
npm 源的配置命令行模式 npm install XXX --registry https://registry.npmmirror.com/ 项目模式在项目更目录新建.npmrc 文件,内容 ...

随机视频API

随机视频API的更多相关文章

随机推荐

热门专题