Cannot read property 'duration' of undefined

问题描述：

引用文字### 题目描述
videojs播放实时HLS流报错：
7.6.0-video.js:142 VIDEOJS: ERROR: TypeError: Cannot read property 'duration' of undefined

题目来源及自己的思路

使用videojs播放的HLS实时流，在多次播放之后会发现以上的错误信息。
查看了下打印错误的地方，发现是videojs使用了log.error(e),在videojs中其实已经捕获到错误了

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
VIDEOJS: ERROR: TypeError: Cannot read property 'duration' of undefined

at sumDurations (7.6.0-video.js:42302)
at SyncController.getExpiredTime (7.6.0-video.js:56315)
at MasterPlaylistController.onSyncInfoUpdate_ (7.6.0-video.js:59006)
at SegmentLoader.<anonymous> (7.6.0-video.js:58508)
at SegmentLoader.data.dispatcher (7.6.0-video.js:1824)
at trigger (7.6.0-video.js:1960)
at SegmentLoader.EventTarget.trigger (7.6.0-video.js:2479)
at SegmentLoader.playlist (7.6.0-video.js:54614)
at PlaylistLoader.<anonymous> (7.6.0-video.js:58295)
at PlaylistLoader.data.dispatcher (7.6.0-video.js:1824)

你期待的结果是什么？实际看到的错误信息又是什么？

请问videojs播放实时HLS如何避免遇到这种问题呢？总不能去修改videojs源码改成log.warn(e)吧。

1. 问题描述div换行后，由于上一行div高度不一致，导致布局不紧凑（出现空白）请教一下想要更紧凑的布局方式（如图比如4、5向上紧挨这1、2。 7优先紧挨这4），该如何布局。路过的大 ...