不用下载视频的播放器，连播放器也不用下载
1.功能说明
大家好，今天来分享一个免下载视频的播放器
甚至这个播放器也不用下载安装
只需要在浏览器加一个书签即可
可以播放mp4、flv、m3u8等等多种格式的视频
它的名字叫DPlayer，是一个开源的网页端的播放器
一般是视频网站维护者将它们内嵌到他们的网站中
但是我们也可以拿来直接用做一个书签播放器
2.基本演示
我们所需要做的就是将下面这个代码复制到一个书签中
这样每次打开这个书签浏览器都会自动加载播放器供我们在线观看视频
javascript:
function playMedia() {
/* 第三个参数规定了新窗口的大小，不加则会以新窗口的形式出现 */
var windowHandle = window.open("", "_blank", "width=800, height=600");
windowHandle.document.write(`
<html>
<head>
<title>Dplayer</title>
<script src="https://cdn.jsdelivr.net/npm/flv.js/dist/flv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dashjs/dist/dash.all.min.js"></script>
<script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script>
</head>
<body>
<div id="dplayer"></div>
<script>
var url = prompt("请输入要播放的视频url");
var dp = new DPlayer({
container: document.getElementById('dplayer'),
autoplay: true,
theme: '#FADFA3',
loop: true,
lang: 'zh',
screenshot: true,
hotkey: true,
preload: 'auto',
video: {
url: url,
type: 'auto'
}
});
</script>
</body>
</html>
`);
}
playMedia();
就像这样，随便命个名
可以看到已经出现在书签栏上了
DPlayer的开发者已经给了我们几个样例视频，这里可以播放试试：
m3u8:
https://pl.dogevideo.com/vcloud/hls/m3u8/99552.m3u8?tm=1675220442&vtype=96&uid=17&sign=ce6846f350f09e8145e3f63839dd0ccd&icp=0&durlimit=0&server=v17.dogevideo.com&vkey=6143F0&token=a7df87b0ed7749095295f2a33fac0c90&oi=664055121&ext=.m3u8
flv:
https://v17.dogevideo.com/vcloud/17/v/20190424/1556036075_818c4125ec9c8cbc7a7a8a7cc1601512/1057/e51d88e79732fb952ebdbb4a57aa628a.flv?vkey=C09B84&tkey=167522062745d445e732&auth_key=1675235027-w7Sz60n41UP3gQGd-0-0c074d6f50b2d1461def44b272dc8483
mp4：
https://v17.dogevideo.com/vcloud/17/v/20190424/1556036075_818c4125ec9c8cbc7a7a8a7cc1601512/1037/7d515b22c4958598c0fbd1e6290a5ca5.mp4?vkey=CBE0C7&tkey=1675220384cf99a297f9&auth_key=1675234784-SCBcNl4xGJDitj1y-0-0d5601f7016d2f404fecbe9464c81db6
点击刚才的书签复制进链接就可以看到视频开始播放了
3.其他更改
除了默认样式以外
你还可以看下DPlayer的官方文档：
https://dplayer.diygod.dev/zh/guide.html
适当修改上面的代码，可以添加更多的功能
