【vue】前端页面点击按钮弹窗播放m3u8格式视频

最终效果：

1.表格操作列

2.initVideo方法

    data(){
        return{
          dialogUrl:'',
          videoid:undefined,
          videoName:''
        }
    }

    initVideo(url,nPlay) {
      this.title = '《'+this.videoName+'》 第'+nPlay+'集';
      this.dialogUrl = '/video.html?'+url;
      this.open = true;
    },

3.弹出层代码

4.showAll_dialog样式

5.第2步跳转的video.html页面代码，用dplayer播放的，放在项目根目录的public文件夹即可