我在 <div> 中有一个 <video> 元素，当页面上的其他元素动态调整/添加/删除时，它会自动调整大小。
我希望视频元素也自动调整大小，以便它始终包含在其背景 div 中；如果我将视频元素的 CSS 高度和宽度设置为 100%，这种工作方式是可行的，因此它始终与其容器的大小相同。但是，如果包含 div 的尺寸低于视频图像的固有 videoWidth 或 videoHeight，那么它开始表现得好像 CSS 高度/宽度属性指的是视频图像固有尺寸的百分比，而不是容器 div！例如，如果 CSS 高度为 100%，它会正常缩放，但它具有视频固有高度的最小尺寸；如果 CSS 高度为 50%，它会正常缩放，但最小尺寸为视频固有高度的 50%。
我可以通过使用 JavaScript 定期将视频元素的像素高度重置为容器的计算高度来解决这个问题，但这真的很慢而且不稳定。有什么办法可以在 CSS 中解决这个问题，以便视频元素的大小正确？
我正在编写一个transmuxer,将MPEG-TS文件从HLS流转换为MP4文件,然后可以在Web浏览器中播放.
我原本希望能够将TS文件简单地一对一映射到MP4文件,但事实证明,一些HLS流被分割,使得各个TS文件并不总是从IDR帧开始; 每当您穿过线段边界时,这会导致冻结图像和断断续续.
我想通过连接多个TS文件中的数据,忽略原始文件边界,自己识别视频流中的IDR帧,以及在IDR帧上启动每个新的MP4段,我可以解决这个问题.但是,如果我这样做,我担心文件末尾可能存在损坏; IDR帧保证以后的帧不能引用任何先前的数据,但没有任何东西表明早期的B帧不能向前看IDR帧.
那么,我怎么知道切割的安全位置,这样切割前的B帧不会试图超越它？