WordPress.org

Ready to get started?Download WordPress

Forums

Viper's Video Quicktags
Adding Support for YouTube iframe Embeds? (12 posts)

  1. Hello, Alex! Do you have plans to add YouTube's new iframe-based embed to VVQ?

    Here's the blog post detailing the new embed format:

    http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

  2. I just did some testing and YouTube's new embed code is (of course) not valid, and valid code is one of the hallmarks of VVQ. However, the code can be made valid by removing the redundant type declaration and obsolete frameborder attribute:

    <iframe class="youtube-player" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID"></iframe>

  3. Alex Mills (Viper007Bond)
    Moderator
    Plugin Author

    Posted 3 years ago #

    Yep, been fooling around with it in my development version (but haven't committed it yet).

    I know it's invalid, but will removing frameborder cause any issues? Namely a border? :) I Googled and it doesn't seem to be possible to do via CSS.

  4. You're right. Under my test blog using Twenty Ten, omitting frameborder did not cause a border to appear, but a border did appear on my main blog using a modified Fauna.

    According to the W3 validator, CSS can be used instead, perhaps no border applied to the youtube-player class?

    I'll play around with it when it's a more decent hour.

    Thanks!

  5. Success (almost)! The following addition to style.css removes the border and works under Safari 5.0.1, Firefox 3.6.8, and Chrome 5.0.375, but not IE 8.0.6 (go figure):

    iframe.youtube-player {
    	border: none;
    }
  6. I have unfortunately exhausted my ideas. The above code works for everything except IE. Everything else I tried simple broke other browsers. This could benefit from a fresh set of eyes. Any other takers?

  7. Alex Mills (Viper007Bond)
    Moderator
    Plugin Author

    Posted 3 years ago #

    Based on my limited Google searching, it's not possible. :(

  8. Stupid IE. :(

    Well, those who are unfortunate enough to use IE will just have to make do with a border. :)

    Thanks for checking!

  9. oncletom
    Member
    Posted 3 years ago #

    Is there any progress on YouTube Embed API? Need some help to finalize that?

    Thanks :-)

  10. Alex Mills (Viper007Bond)
    Moderator
    Plugin Author

    Posted 3 years ago #

    The in progress code is here:

    http://plugins.trac.wordpress.org/browser/vipers-video-quicktags/branches/development

    I've had no time to work on it in months though. So busy with work and I don't really want to spend my free time on nights and weekends working on WordPress too. :(

  11. Bonusball
    Member
    Posted 3 years ago #

    It's too bad about this.

    One option for people who can't wait: doing a find and replace on the quicktag itself, to turn it into the regular youtube iframe embed.

  12. Bonusball
    Member
    Posted 3 years ago #

    Inserting the bare link will transform it into an embed via oEmbed:

    http://codex.wordpress.org/Embeds

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic