Bug 136681

Summary: WebVTT: cue settings align and position render weirdly wrong
Product: WebKit Reporter: Silvia Pfeiffer <silviapf>
Component: MediaAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal    
Priority: P2    
Version: 525.x (Safari 3.2)   
Hardware: Unspecified   
OS: Unspecified   
URL: http://html5videoguide.net/NEW/CH4/code_c4_16.html
Attachments:
Description Flags
Safari rendering cue settings
none
Chrome rendering same cue settings (Firefox looks very similar) none

Description Silvia Pfeiffer 2014-09-09 15:04:16 PDT
Created attachment 237859 [details]
Safari rendering cue settings

It seems to me that the "align" cue setting is ignored.
It also seems that the width calculation for cues is wrong when the position setting is used.

I'm attaching a screenshot for Chrome, where it works, and one of Safari.

The WebVTT excerpt used in the example is:
WEBVTT

1a
00:00:08.124 --> 00:00:10.742 line:0 position:10% align:left
Workstations

1b
00:00:08.124 --> 00:00:10.742 line:50% position:50%
and high end personal computers

1c
00:00:08.124 --> 00:00:10.742 align:right size:10% position:100%
have been able to
Comment 1 Silvia Pfeiffer 2014-09-09 15:05:04 PDT
Created attachment 237860 [details]
Chrome rendering same cue settings (Firefox looks very similar)

for comparison to broken Safari rendering