New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 40579 link

Starred by 17 users

Issue metadata

Status: Verified
Last visit > 30 days ago
Closed: Dec 2011
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug

  • Only users with EditIssue permission may comment.

Sign in to add a comment

Audio/video elements do not respect right to left layouts

Reported by, Apr 6 2010

Issue description

Chrome Version       : 5.0.366.2
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
     Safari 4: have not native OGG player
  Firefox 3.x: OK, have not any problem and it is a great thing!!!
           IE: audio tag is not supported
        Opera: OK, native player have not any problem

What steps will reproduce the problem?
1. Open this(or any html5 audio on RightToLeft websites):
2. Play button is moved on other side of player!!!(main direction:rtl; is 
effected on player!!!)

Please provide any additional information below. Attach a screenshot if

Please see link and picture carefully, thanks
Excuse me about my English.
#arabic #hebrew #persian #farsi

15.9 KB View Download
Labels: -Area-Undefined Area-Internals Internals-Video
Labels: OS-All Mstone-X
Status: Available
Summary: Audio/video elements do not respect right to left layouts
Definitely an issue.  Thank you for reporting!
Labels: -Area-Internals -Internals-Video Area-WebKit Feature-Media

Comment 4 Deleted

Comment 5 Deleted

Comment 6 Deleted

Labels: RTL
Simplest ever patch for this bug is putting "audio, video { direction: ltr; }" or some fixed positioning style same ".playbutton { right:0; }" (same something I guess is available for volume indicator) on useragent style sheets. I don't know why this really simple bug not fixed over one year.
 Issue 78227  has been merged into this issue.
Labels: -Mstone-X -Feature-Media -RTL Hotlist-GoodFirstBug Feature-Media-Controls Mstone-18
Hi, this is my solution:
On src/third_party/WebKit/Source/WebCore/css

Index: mediaControlsChromium.css
--- mediaControlsChromium.css	(revision 100825)
+++ mediaControlsChromium.css	(working copy)
@@ -25,6 +25,10 @@
 /* Chromium default media controls */
+audio, video {
+    direction: ltr;
 audio {
     width: 300px;
     height: 32px;

Status: Assigned
Labels: WebKit-ID-74024
Project Member

Comment 14 by, Dec 7 2011

Labels: -WebKit-ID-74024 WebKit-ID-74024-NEW
Project Member

Comment 15 by, Dec 8 2011

Labels: -WebKit-ID-74024-NEW WebKit-ID-74024-RESOLVED WebKit-Rev-102306
Status: Fixed
Labels: testcaseadded
Status: Verified
Fix is verified on using
18.0.970.0 canary on Mac. 

Added test case TID:11402354

 Issue 81101  has been merged into this issue.
Project Member

Comment 19 by, Oct 13 2012

Labels: Restrict-AddIssueComment-Commit
This issue has been closed for some time. No one will pay attention to new comments.
If you are seeing this bug or have new data, please click New Issue to start a new bug.

Comment 20 by, Jan 22 2013

Labels: -Feature-Media-Controls Feature-Media-UI
Project Member

Comment 21 by, Mar 10 2013

Labels: -Area-WebKit -Mstone-18 -Feature-Media-UI Cr-Content M-18 Cr-Internals-Media-UI
Project Member

Comment 22 by, Mar 13 2013

Labels: -Restrict-AddIssueComment-Commit Restrict-AddIssueComment-EditIssue
Project Member

Comment 23 by, Apr 6 2013

Labels: -Cr-Content Cr-Blink

Sign in to add a comment