ios - JWPlayer 截断 iOS 字幕中的字幕

Question

我正在将 JWPlayer 与包含字幕的 HLS 文件一起使用。但是，当我在 iPhone 或其他 iOS 设备上播放此文件时，它会截断字幕:

有没有办法提高移动设备上的字幕高度？我的 HLS 文件是:

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-MEDIA:TYPE=SUBTITLES,GROUP-ID="subs",NAME="English",FORCED=NO,AUTOSELECT=YES,URI="en-sub.m3u8",LANGUAGE="en"
#EXT-X-MEDIA:TYPE=SUBTITLES,GROUP-ID="subs",NAME="Spanish",FORCED=NO,AUTOSELECT=YES,URI="es-sub.m3u8",LANGUAGE="es"
#EXT-X-MEDIA:TYPE=AUDIO,GROUP-ID="aac",NAME="English",DEFAULT=YES,AUTOSELECT=YES,LANGUAGE="en",URI="en.m3u8"
#EXT-X-MEDIA:TYPE=AUDIO,GROUP-ID="aac",NAME="French",DEFAULT=NO,AUTOSELECT=YES,LANGUAGE="fr",URI="fr.m3u8"
#EXT-X-MEDIA:TYPE=AUDIO,GROUP-ID="aac",NAME="Italian",DEFAULT=NO,AUTOSELECT=YES,LANGUAGE="it",URI="it.m3u8"
#EXT-X-STREAM-INF:PROGRAM-ID=1,NAME="SD",BANDWIDTH=256000,SUBTITLES="subs",AUDIO="aac"
SD.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,NAME="HD",BANDWIDTH=768000,SUBTITLES="subs",AUDIO="aac"
HD.m3u8

Answer 1

这实际上是我们有票要解决的问题(并向 Apple 提交了票)。它似乎只影响iOS8，因为iOS7没问题。

问题与 -webkit-transform: 视频标签上的缩放有关。

尝试将以下样式添加到您的播放器 div 中，看看是否可以解决该问题。

style="-webkit-transform:scale(1, 1);"

如果这不起作用，请尝试:

style="-webkit-transform:scale(1, 1) !important;"

您可能需要双重嵌套 div 并将样式应用到外部 div，如下所示:

<div style="-webkit-transform: scale(1, 1) !important;"><div id="player"></div></div>

您还可以尝试将样式仅应用于播放器 div，而不使用外部 div。