<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - iOS | audio + vtt | caption text aligned on the left with cut text"
href="https://bugs.webkit.org/show_bug.cgi?id=160962">160962</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>iOS | audio + vtt | caption text aligned on the left with cut text
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iOS
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 9.3
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Critical
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>New Bugs
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>francesco.dambrosio@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=286375" name="attach_286375" title="iphone 5s screenshot">attachment 286375</a> <a href="attachment.cgi?id=286375&action=edit" title="iphone 5s screenshot">[details]</a></span>
iphone 5s screenshot
On Safari/iOS if we play in fullscreen an audio with captions, the player shows cut captions and align text on the left
Steps to Reproduce:
1. add html page with video tag
2. add video tag with mp3 (or m4a) file source (progressive download)
3. add track tag with vtt url
4. open page with Safari on iPhone
5. play audio and turn on captions
6. on iOS player enter in fullscreen mode and show cut captions
demo: <a href="http://www.fdambrosio.net/test/player7/ios-captions.html">http://www.fdambrosio.net/test/player7/ios-captions.html</a>
Expected Results:
entering in fullscreen mode we expect to listen audio and see caption text centered on the screen and aligned at the bottom, or with default position.
Actual Results:
Player shows caption text cutted and aligned on the left
Version:
iOS 9.3.2
iPhone and iPad (only in fullscreen mode)</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>