一、将视频资源传到服务器,例如实际目录:http://xxx.com/videoData/xxx.mp4
二、html中通过embedvideo来引入资源地址: http://xxx.com/videoData/xxx.mp4 即可实现播放;
注:但是这样 资源地址就被很容易的获取到,而且可以下载到资源。
css video去除 下载按钮:
video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); }
但是 ,这样依然无法屏蔽掉懂代码的人F12 ,或者右键拿到真是的资源地址盗用视频资源。
三、处理方案: 配合PHP
embed video 来引入 资源地址: 用一个PHP动态链接处理一下
PHP:
// 先进入详情页 publicfunction detail(){ $_SESSION['token'] = md5("xxx"); //做一个token 用于失效方案 //进入到详情页 }
/** +---------------------------------------------------------- * 生成html video 播放地址 +---------------------------------------------------------- * @access public +---------------------------------------------------------- */ public function goVideo() { $vid = (int)$_GET['videoId']; //数据库存放的资源id $data = $this->getInfo($vid); //通过vid 获取 数据库存放的真实资源地址 if($_SESSION["token"]){ unset($_SESSION["token"]); //删除token,保证每次只能播放一次 header("Location:" . $data['URL']); //重定向 保证video src引入后,拿到真实地址进行播放 } }
HTML 中embed video的引入 动态地址为: xxx.com/xxx/goVideo?videoId=1
<video controls="controls" autoplay="autoplay"> <source type="video/ogg" src="xxx.com/xxx/goVideo?videoId=1" /><!--这样的地址他们就醉了吧,真实地主保护住了 而且每次进入详情页播放完了,重新进入detail链接方法中,才能播放 --> Your browser does not support the video tag. </video>
————————————————
版权声明:本文为CSDN博主「持之以恒」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq1355541448/article/details/78350857
如果内容有帮助,就点个赞吧!