web端怎么播放m3u8流地址

• 这个可以使用第三方插件比如西瓜播放器或者hls插件
• 安装hls插件

cnpm install hls.js -S

• 使用hls import Hls from 'hls.js'

const src = ref("")
const video = document.getElementById('player')
  if (!video) return
  if (src.value.indexOf('.m3u8') > 0) {
    if (video.canPlayType('application/vnd.apple.mpegurl')) {
      video.src = src.value
    } else if (Hls.isSupported()) {
      const hls = new Hls()
      hls.loadSource(src.value)
      hls.attachMedia(video)
      video && video.play()
    } else {
      console.error('This is an old browser that does not support MSE https://developer.mozilla.org/en-US/docs/Web/API/Media_Source_Extensions_API')
    }
  } else {
    video.play()
  }