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。

JWPlayer 在 iOS 字幕中截断字幕

JWPlayer cutting off captions in iOS subtitles

ios

video

jwplayer

http-live-streaming