采用flv.js与dplayer播放器来播放http-flv格式视频

这里是我在毕业设计的时候使用的播放器插件用来播放视频文件

使用js插件

下面添加播放器插件，定义播放器。注意：flv.min.js要放在dplayer前面进行加载。

<div id="dplayer"></div>
<script src="https://cdn.jsdelivr.net/npm/flv.js@1.5.0/dist/flv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dplayer@1.25.1/dist/DPlayer.min.js"></script>
<script>
    var dp = new DPlayer({
        container: document.getElementById('dplayer'),  //播放器容器
        screenshot: true,  //截图功能
        video:{
            url : 'http://192.168.31.66:9999/<%=str%>',
        }
    });
</script>

显示效果

当然，自己也可以自定义功能。
在使用当前dplayer播放http视频时，chrom会出现一个访问nignx服务器的跨域问题
解决方案：HTML请求跨域问题
链接：dplayer文件