不用下載視頻的播放器，連播放器也不用下載
1.功能說明
大家好，今天來分享一個免下載視頻的播放器
甚至這個播放器也不用下載安裝
只需要在瀏覽器加一個書簽即可
可以播放mp4、flv、m3u8等等多種格式的視頻
它的名字叫DPlayer，是一個開源的網(wǎng)頁端的播放器
一般是視頻網(wǎng)站維護(hù)者將它們內(nèi)嵌到他們的網(wǎng)站中
但是我們也可以拿來直接用做一個書簽播放器
2.基本演示
我們所需要做的就是將下面這個代碼復(fù)制到一個書簽中
這樣每次打開這個書簽瀏覽器都會自動加載播放器供我們在線觀看視頻
javascript:
function playMedia() {
/* 第三個參數(shù)規(guī)定了新窗口的大小，不加則會以新窗口的形式出現(xiàn) */
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();
就像這樣，隨便命個名
可以看到已經(jīng)出現(xiàn)在書簽欄上了
DPlayer的開發(fā)者已經(jīng)給了我們幾個樣例視頻，這里可以播放試試：
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
點擊剛才的書簽復(fù)制進(jìn)鏈接就可以看到視頻開始播放了
3.其他更改
除了默認(rèn)樣式以外
你還可以看下DPlayer的官方文檔：
https://dplayer.diygod.dev/zh/guide.html
適當(dāng)修改上面的代碼，可以添加更多的功能
