使用PlayerJS快速建立自己的网页播放器

最新推荐文章于 2025-01-09 11:21:54 发布

药不干

最新推荐文章于 2025-01-09 11:21:54 发布

阅读量156

点赞数

本文链接：https://blog.csdn.net/qq_40267310/article/details/140019034

版权

获取playerjs.js

进入PlayerJS官网创建播放器，自行设计样式，下载js文件(playerjs.js)

播放文件代码

使用php实现网页播放器效果，通过get方法传入参数url(视频地址)

首先判断是否有视频地址

<?php
$url=$_GET['url'];
if(empty($url)){
    echo '<html><head><meta charset="UTF-8"><title></title></head><body><h1>url未传入视频地址！</h1></body></html>';
    exit;
}
?>

然后html写出网页框架

<!DOCTYPE html>
<html>
<head>
<title>Jyy-Player</title>
</head>
<body>


</body>
</html>

插入playerjs文件地址

<script type="text/javascript" src="playerjs.js"></script>

设置视频播放div

<div id="player"></div>

定义播放器参数

<script>
   var player = new Playerjs({id:"player", file:"<?php echo $url; ?>"});
</script>

页面样式css

* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

#player {
    width: 100%;
    height: 100%;
    position: absolute
}