使用videojs + ckplayer 播放rtmp 流与 flv 格式视频文件

1         var video  = {
2             container: '#name' , //容器的ID或className
3             variable: 'p ',//播放函数名称
4             flashp : true,
5             video: [//视频地址列表形式
6                 ["url链接", 'video/flv', '中文标清', 0]
7             ]
8         };
9         var p  = new ckp (video );

1 if (flvjs.isSupported()) {
2             const flvP  = flvjs.createP ({
3                 type: "flv",
4                 url: url
5             });
6             flvP .attachMediaElement(videoElement);//videoElement：h5 video 元素
7             flvP .load();
8             flvP .play();
9     }

 1 html:
 2 <video id="{{ obj }}" class="video video-js vjs-big-play-centered" preload="auto" data-setup="{}" autoplay controls="controls">
 3           <source [src]="safeUrl" type='rtmp/flv'>
 4         </video>
 5 
 6 -----------------------------------------------------------------------------------------
 7 实例化：
 8 var videos = document.getElementsByTagName('video');//获取所有的h5元素 video 
 9         for (i = 0; i < videos.length; i++) {
10           var video = videos[i];
11           if (video.className.indexOf('video-js') > -1) {
12             videojs(video.id).ready(function () {//实例化播放器
13             });
14           }
15         }
16 
17 -----------------------------------------------------------------------------------------
18 单击更换播放链接：
19 var _video = videojs("video_index_1");
20             _video.src(url);
21             _video.play();