简单几步修改video视频播放器

[zengyunsi (运思 曾)]

正文中的内容有误，会产生bug，从主页加载的时候，播放器不会生效，下面是我花$50请人帮我修改的 ，免费分享给有需要的人，播放器效果很好，值得推荐！

优点：
色调比较搭配
播放器一开始就是适应屏幕的，而不是从小到大
功能较多

发布，有video标签即可

<video controls>
        <source src="https://xxxx/test.mp4" type="video/mp4">
    </video>

在头部添加，css和js最好下载到自己的cdn中。

<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css">
<script src="https://cdn.openfa.net/css/plyr.js"></script>

在正文body中添加

<script type="text/javascript">

let curUrl = "";

setInterval(() => {
    let newUrl = location.href;
    if (curUrl !== newUrl) {
        curUrl = newUrl
        if (document.querySelector("video")) {
            new Plyr('video')
        }
    }
}, 10)
 

最终效果：

还可以设置字幕清晰度等