Valid Flash Embed Code by Done21

3,386 views

Published on

Learn how to turn Flash embed code into valid XHTML.

You can watch a video of this presentation here:
http://www.ustream.tv/recorded/778431

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,386
On SlideShare
0
From Embeds
0
Number of Embeds
57
Actions
Shares
0
Downloads
15
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Valid Flash Embed Code by Done21

  1. 1. Validating Flash Embed Code Jim Hoskins and Nick Pettit
  2. 2. Validating Flash Embed Code Most Flash embed code is not valid XHTML . Yikes !
  3. 3. Validating Flash Embed Code First, why validate ? <ul><ul><li>SEO </li></ul></ul><ul><ul><li>Accessibility </li></ul></ul><ul><ul><li>Compatibility </li></ul></ul>
  4. 4. Validating Flash Embed Code 1. The < embed > tag <ul><ul><li>Created during browser wars </li></ul></ul><ul><ul><li>Not part of XHTML 1.0 </li></ul></ul><ul><ul><li>< object > tag is awesomer, and should be used instead </li></ul></ul>
  5. 5. Validating Flash Embed Code 2. < object > tag attributes <ul><ul><li>codebase and classid are required by Internet Explorer, but not required by XHTML. </li></ul></ul><ul><ul><li>type and data are useful, but Internet Explorer hates them. </li></ul></ul>
  6. 6. Validating Flash Embed Code 3. Encoding html entities <ul><ul><li>Most embed codes have URLs containing improperly encoded HTML entities. </li></ul></ul>& not so much &amp; so ace.
  7. 7. Validating Flash Embed Code Embed code comparison … YouTube, Vimeo, Dailymotion, Viddler, Break: <object><embed></embed></object> Justin.tv, CollegeHumor: <object></object> Metacafe, veoh: <embed></embed> USTREAM.TV, QIK: <object><embed /></object>
  8. 8. Validating Flash Embed Code It’s a mess. But we have a solution...
  9. 9. Valid ifier <ul><li>http://valid ifier .com </li></ul>Validating Flash Embed Code
  10. 10. The Valid Code <ul><li><!--[if !IE]> --> </li></ul><ul><li><object type=&quot;application/x-shockwave-flash&quot; data=”URL&quot; width=&quot;425&quot; height=&quot;344&quot;> </li></ul><ul><li><!-- <![endif]--> </li></ul><ul><li><!--[if IE]> </li></ul><ul><li><object classid=&quot;clsid:D2…00&quot; </li></ul><ul><li>codebase=&quot;http://….ab#version=6,0,0,0&quot; width=&quot;425&quot; height=&quot;344&quot;> </li></ul><ul><li><param name=&quot;movie&quot; value=”URL&quot; /> </li></ul><ul><li><!--><!--http://Validifier.com--> </li></ul><ul><li><param name=&quot;allowFullScreen&quot; value=&quot;true&quot; /> </li></ul><ul><li></object> </li></ul><ul><li><!-- <![endif]--> </li></ul>Good Browsers Internet Explorer All Browsers Validating Flash Embed Code
  11. 11. Get this slideshow: slideshare.net/ done21 Watch this presentation: ustream.tv/ done21 Visit us: Done 21 .com

×