如何实现输入视频地址进行播放？

尘集 · 发表于 2022-5-15 00:45:16

zxjung 发表于 2022-4-16 01:26
你是不是要这样的吗 https://cfyy.vip/Dp/ck/?Cf=https://cfyy.vip/api/yzb/991.m3u8

求代码，域名/url=视频路径

zxjung · 发表于 2022-5-15 17:11:16

尘集发表于 2022-5-15 00:45
求代码，域名/url=视频路径

代码，自己拔

尘集 · 发表于 2022-5-16 12:26:17

zxjung 发表于 2022-5-15 17:11
代码，自己拔

不会啊，复制了HTML代码修改了域名，播放不出视频

zxjung · 发表于 2022-5-16 15:03:05

本帖最后由 zxjung 于 2022-5-17 10:54 编辑

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="referrer" content="no-referrer">
<meta name="Keywords" content="长风音乐,Ck-播放器">
<meta name="author" content="长风网络">
<title>长风-Ck播放器</title>
<link rel="stylesheet" type="text/css" href="https://cfyy.vip/Dp/ck/ck-x3.red.css">
<script type="text/javascript" charset="utf-8" src="https://cfyy.vip/Dp/ck/ck-x3.js"></script>
</head>
<body>
<div id="ck"></div>
<script type="text/javascript">
var url=window.location.href; //当前URL
var url=url.split("?url=")[1];//获取url参数
if(!url)
{
var Hz='mp4';
var url='https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/mp4/1_1920x1080.mp4';
}else{
var url=url;
var Hz=url.split('.').pop().toLowerCase();//获取文件后缀①
//var Hz=url.substring(url.lastIndexOf(".")+1);//获取文件后缀②
}
var ok=new Ckey({
container:'#ck',
autoplay:true,
live:false,//直播 true false
screenshot:true,//截图
rightBar:true,//右边控制栏
smallWindows:true,//小窗口
webFull:true,//全屏
theatre:true,//剧场模式
plug:Hz,//插件 m3u8 flv
video:url,
});
ok.ended(function(){
window.location.reload();
});
</script>
</body>
</html>

复制代码

xx.php?url=播放器地址
xx.html?url=播放器地址
试例：https://cfyy.vip/api/?url=https: ... mp4/1_1920x1080.mp4

尘集 · 发表于 2022-5-17 13:10:49

zxjung 发表于 2022-5-16 15:03
xx.php?url=播放器地址
xx.html?url=播放器地址
试例：https://cfyy.vip/api/?url=https: ... mp4/1_1920x ...

下载ccs和js就行了，但是视频右上角有长风音乐不知道怎么去掉，另外想在基础播放器代码上实现这个功能，不需要多余的功能

zxjung · 发表于 2022-5-17 13:45:39

尘集发表于 2022-5-17 13:10
下载ccs和js就行了，但是视频右上角有长风音乐不知道怎么去掉，另外想在基础播放器代码上实现这个功能， ...

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="referrer" content="no-referrer">
<title>yy音乐 </title>
<link type="text/css" rel="stylesheet" href="https://www.ckplayer.com/public/static/ckplayer-x3/css/ckplayer.red.css" />
<script type="text/javascript" src="https://www.ckplayer.com/public/static/ckplayer-x3/js/ckplayer.js"></script>
<style type="text/css">
body,html{margin:0px;padding:0px;height:100%;background-color:#000;overflow:hidden;}
#ck{height:100%;}
</style>
</head>
<body>
<div id="ck"></div>
<script>
var ok = {
title:'yy音乐',
container:'#ck',
autoplay: true,
screenshot:true,//截图功能是否开启
live:true,//直播 true false
plug:'flv.js',//使用flv.js插件播放flv
rightBar:true,//是否开启右边控制栏
smallWindows:true,//是否启用小窗口模式
playbackrateOpen:true,//是否开启控制栏倍速选项
webFull:true,//是否启用页面全屏按钮，默认不启用
theatre:true,//是否启用剧场模式按钮，默认不启用
logo:'https://bbs.ckplayer.com/static/image/common/logo.png',//logo 自己修改
video: 'https://cfss.cc/api/yy/991.flv'
};
var ck=new ckplayer(ok);
</script>
</body>
</html>

复制代码

lanmfly · 发表于 2022-5-18 18:24:36

写一个m3u8.php
内容照抄手册示例：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="ckplayer/hls.js/hls.min.js"></script>
<link rel="stylesheet" type="text/css" href="ckplayer/css/ckplayer.css">
<script type="text/javascript" src="ckplayer/js/ckplayer.js"></script>
</head>
<body>
<div class="video" style="width:1280px;height:720px;"></div>
<script>
var videoObject = {
container: '.video', //容器的ID或className
plug:'hls.js',//设置使用hls插件
video:'<?php echo $_GET['url'];?>'
};
new ckplayer(videoObject);
</script>
</body>
</html>

复制代码

就可以用http://你的域名/m3u8.php?url=video.m3u8形式，算是最精简的代码了。

mshuking · 发表于 2022-5-19 21:32:24

本帖最后由 mshuking 于 2022-5-19 21:34 编辑

简单php代码： *.php?url=视频地址或 *.php?url=直播视频地址&live=任意参数

<?php
error_reporting(0);
header('Content-type:text/html;charset=utf-8');
$url=$_GET["url"];
if(!isset($url)){exit("请带参数运行!<br>例:?url=MP4_m3u8视频地址!");}
$urlhz=getExt1($url);
if($urlhz=="m3u8"){$plug="hls.js";}elseif($urlhz=="flv"){$plug="flv.js";}elseif($urlhz=="ts"){$plug="mpegts.js";}elseif($urlhz=="mp4"){$plug="";}else{$plug="";}
$live = $_GET["live"];
if(!isset($live)){$live = "false";}else{$live = "true";}
function getExt1($filename)
{
$arr = explode(".",$filename);
return array_pop($arr);
}
?>
<html>
<head>
<meta charset="utf-8">
<title>ckplayerx3播放器</title>
<link rel="stylesheet" type="text/css" href="css/ckplayer.css">
<script type="text/javascript" charset="utf-8" src="js/ckplayer.js"></script>
<script type="text/javascript" charset="utf-8" src="flv.js/flv.js"></script>
<script type="text/javascript" charset="utf-8" src="hls.js/hls.js"></script>
<script type="text/javascript" charset="utf-8" src="mpegts.js/mpegts.js"></script>
</head>
<body style="margin:0px;padding:0px;">
<div id="video" class="video"></div>
<script type="text/javascript">
var videoObject = {
container:".video", //容器的ID或className
autoplay:false, //是否自动播放
rightBar:true,
screenshot:true,
smallWindows:true,
playbackrateOpen:true,
//controls:true,
webFull:true,
live:<?php echo $live;?>,
plug:"<?php echo $plug;?>",
video:"<?php echo $url;?>"
};
var player=new ckplayer(videoObject);
</script>
</body>
</html>

复制代码

*.html?url=视频地址

<html>
<head>
<meta charset="utf-8">
<title>ckplayerx3播放器</title>
<link rel="stylesheet" type="text/css" href="css/ckplayer.css">
<script type="text/javascript" charset="utf-8" src="js/ckplayer.js"></script>
<script type="text/javascript" charset="utf-8" src="flv.js/flv.js"></script>
<script type="text/javascript" charset="utf-8" src="hls.js/hls.js"></script>
<script type="text/javascript" charset="utf-8" src="mpegts.js/mpegts.js"></script>
</head>
<body style="margin:0px;padding:0px;">
<div id="video" class="video"></div>
<script type="text/javascript">
//获取地址栏里传递过来的视频地址
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null; //返回参数值
}
var videourl=getUrlParam("url");
var urlhz=videourl.split(".").pop().toLowerCase();
if(urlhz="m3u8"){plug="hls.js";}else if(urlhz="flv"){plug="flv.js";}else if(urlhz="ts"){plug="mpegts.js";}else if(urlhz="mp4"){plug="";}else{plug="";}
var videoObject = {
container:".video", //容器的ID或className
autoplay:false, //是否自动播放
rightBar:true,
screenshot:true,
smallWindows:true,
playbackrateOpen:true,
webFull:true,
plug:plug,
video:videourl
};
var player=new ckplayer(videoObject);
</script>
</body>
</html>

复制代码

lyj0512 · 发表于 2022-5-21 15:25:48

mshuking 发表于 2022-5-19 21:32
简单php代码： *.php?url=视频地址或 *.php?url=直播视频地址&live=任意参数

*.html?url=视频地址 ...

在*.html?url=视频地址里测试

有声音没图像。。。稍微修改一下可以正常播放了，但当把 .m3u8 换成 .flv 时无法播放，一直在缓冲转圈。。。

好像默认选择 if(urlhz="m3u8"){plug="hls.js";}else if(urlhz="flv"){plug="flv.js";}else if(urlhz="ts"){plug="mpegts.js";}else if(urlhz="mp4"){plug="";}else{plug="";} 里的第一个 plug，把if(urlhz="flv"){plug="flv.js";}前面又播放不了 m3u8 。。。。并没有自动选择播放插件。

mshuking · 发表于 2022-5-21 20:03:38

本帖最后由 mshuking 于 2022-5-21 20:30 编辑

lyj0512 发表于 2022-5-21 15:25
在*.html?url=视频地址里测试

有声音没图像。。。稍微修改一下可以正常播放了，但当把 .m3u8 换成 .flv ...

测试是对，不过对一些m3u8服务器支持不是很，有的播放不出来 flv文件插件只有修改成flv.js才能播放建议用php

如果播放不出，注意下插件js路径是否正确

<script type="text/javascript" charset="utf-8" src="flv.js/flv.js"></script>
<script type="text/javascript" charset="utf-8" src="hls.js/hls.js"></script>
<script type="text/javascript" charset="utf-8" src="mpegts.js/mpegts.js"></script>

复制代码

		自动登录	找回密码
密码			立即注册

如何实现输入视频地址进行播放？

本帖子中包含更多资源