flvjs在弹框中使用

FLV.js是一个用于播放Flash Video (FLV)格式视频的JavaScript库，它提供了一种在现代浏览器环境中无缝播放FLV内容的方式，特别是对于一些老旧设备支持有限的情况。要在弹框中使用FLV.js，你可以按照以下步骤操作：

1. 引入FLV.js文件：首先，在你的HTML文件中添加一个script标签引用FLV.js库，通常可以从其官方网站下载或通过CDN获取。

<script src="path/to/flv.min.js"></script>

2. 创建视频元素：在需要显示视频的弹框内部，创建一个`<video>`元素，并设置其初始src属性为空，待加载flv.js后再设置实际的源地址。

<div id="modal">
  <button onclick="showModal()">点击打开</button>
  <video id="myVideo" controls></video>
</div>

<style>
#modal {
  display: none;
}
</style>

3. 初始化并播放视频：在JavaScript中，给弹框添加事件监听器，当用户点击按钮时，显示弹框，并初始化flv.js并设置视频源。

function showModal() {
  document.getElementById('modal').style.display = 'block';
  
  const video = document.getElementById('myVideo');
  // 使用Promise等待FLV.js准备好处理视频流
  Promise.all([
    flvjs.createPlayer(video.src)
  ]).then((players) => {
    players[0].load();
    players[0].play();
  });
}

// 当页面关闭时隐藏并停止播放
window.addEventListener('beforeunload', () => {
  document.getElementById('modal').style.display = 'none';
});