SOURCE

var url = getQueryVariable('url')
const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    autoplay: false,
    theme: '#FADFA3',
    loop: true,
    lang: 'zh-cn',
    screenshot: true,
    hotkey: true,
    preload: 'auto',
    volume: 0.7,
    mutex: true,
    video: {
        url: url,
        pic: 'https://i.loli.net/2021/01/26/XZdjtp1NLP5Vzfe.jpg',
        type: 'auto',
    }
});

function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

<div id="dplayer"></div>

body{
    margin: 0;
    padding: 0;
}
#dplayer{
    width: 100vw;
    height: 100vh;
}