播放器优化

首屏播放器加载，影响lcp指标问题，会检测到video加载慢，video实例化加载需要一定时间， 首屏播放页页面可以隐藏这个video的dom元素，避免lcp检测到，提高lcp指标

• 首屏隐藏video标签
• 首屏展示封面，video标签首屏隐藏dom，js进行加载播放器实例， 等到video加载完之后（加载元数据，如时长、尺寸），才进行显示video标签
  • 注意这里，只是首屏隐藏video，但是js加载播放器还是需要保留的
• 体验优化问题，首屏播放页可以展示封面、展示loading，延迟加载video dom元素

m3u8加载优化

1、首个分片的响应时间

2、缓存时间

• m3u8：xgplayer-hls 默认 minSegmentsStartPlay=3，需缓冲约 3 个分片才起播
  • 注意该配置目前文档没有，需要再核对下

js

hls:{
   minSegmentsStartPlay: 1
}

• preloadTime指定允许的预加载buffer的最大长度
  • 默认是30，可以调整为10，更利于更快播放
• m3u8 必须走 CDN，且缓存策略正确