JWPlayer切断iOS字幕中的字幕

Question

我正在使用包含字幕的HLS文件的JWPlayer。但是，当我在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：scale有关。

尝试将以下样式添加到您的播放器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。