WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Youtube Videos Embedded to a WordPress Blog

for

Number of posts in this thread: 2 (In chronological order)

From: Joey G.
Date: Wed, Dec 03 2014 5:02PM
Subject: Youtube Videos Embedded to a WordPress Blog
No previous message | Next message →

Hello,



I own a self-hosted WordPress blog. I get most of the videos from Youtube by
getting the embed code and paste in the post. However using Firefox as
browser, I couldn't locate the buttons like the play button and just the
link pointing to the Youtube video.



But if I get the video URL and paste in the post, everything is fine. I can
see the buttons and also the sliders.



But when I validate the page using the W3C validator, I get these following
errors:



Line 182, Column 355: Attribute type not allowed on element iframe at this
point..;wmode=transparent' frameborder='0'
allowfullscreen='true'></iframe></span></p>



Line 182, Column 355: Bad value true for attribute allowfullscreen on
element iframe..;wmode=transparent' frameborder='0'
allowfullscreen='true'></iframe></span></p>



Line 182, Column 355: The frameborder attribute on the iframe element is
obsolete. Use CSS instead..;wmode=transparent' frameborder='0'
allowfullscreen='true'></iframe></span></p>



The problem is there's no way for me to edit the HTML when doing the URL
style unlike the embed code.



Can anyone tell me how to fix this? Or I can leave it as it is as long as it
is accessible for the screen readers.



I want my webpage to validate as HTML5 and these Youtube videos prevent me
from accomplishing that.



Thanks,

Joey

From: Mallory van Achterberg
Date: Thu, Dec 04 2014 7:25AM
Subject: Re: Youtube Videos Embedded to a WordPress Blog
← Previous message | No next message

On Thu, Dec 04, 2014 at 08:02:29AM +0800, Joey G. wrote:
> But when I validate the page using the W3C validator, I get these following
> errors:
> Line 182, Column 355: Attribute type not allowed on element iframe at this
> point..;wmode=transparent' frameborder='0'
> allowfullscreen='true'></iframe></span></p>

At least the frameborder part, I don't believe there's any other
way of setting that. CSS doesn't work in all browsers for this one.
There are whing-fests on StackOverflow about this very issue.
_mallory