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: 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。