you're reading:
Html & inline css codes, Shortcodes, Videos

Inserting a series of Youtube videos

http://wpbtips.wordpress.com/

If you have a Youtube account, you can create and save playlists. You can then insert such a playlist in your blog, and the videos will play in sequence. Useful for actual playlists as well as long videos that have been split into a number of parts.

Copy the URL of the playlist; it will look like this:
http://www.youtube.com/playlist?list=PL7AAD80592DE93A78

Copy the list number, without the letters “PL” that precede it, and paste it in place of “NUMBER” in the following shortcode:

[gigya src="http://www.youtube.com/p/NUMBER?hl=en_US&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true" ]

Paste the shortcode into the HTML post or page editor, or into a text widget. Dimensions can (or must) be changed – check my posts on main column width and sidebar width.

Example:

If you have trouble finding the playlist URL, see here: YouTube Help – How do I share a Playlist?
If you have trouble creating a playlist, see here: YouTube Help – How do I make a Playlist?

http://wpbtips.wordpress.com/

Please don’t paste code in comments – see comment guidelines.

Discussion

28 thoughts on “Inserting a series of Youtube videos

  1. That’s so cool. Thanks Panos!

    Posted by IzaakMak | May 27, 2011, 22:04
  2. Yeah, cool! As usual, because of a question in the forum:

    http://en.forums.wordpress.com/topic/youtube-video-invisible-after-publication?replies=17#post-612078

    (Which, as usual with embeds, got a wrong staff reply.)

    Posted by Panos | May 27, 2011, 22:49
  3. Thanks for figuring out how to do that! I’ve made do with Mixpod, but it’s much better to do it directly.

    Posted by RandomizeME | May 29, 2011, 15:54
  4. Thanks!

    I’ve only taken care of the WP half of the trick. Do you think I should add instructions on the Youtube half of it (how to create a playlist)?

    Posted by Panos | May 29, 2011, 22:12
  5. I was able to figure out the Youtube part with help from a link further down in the forum post you mentioned:

    [Link removed - P.]

    However, I’m not sure if that would suffice for everyone.

    Posted by IzaakMak | May 29, 2011, 22:22
  6. Yes, thanks. I’ve seen that post – and I’m annoyed by it, because that user published that post after I gave the solution (and after I published my post). Anyway, what I’m asking is whether I should include such instructions here.

    Update: That post is a shameless rip off of the Youtube help pages on creating and sharing playlists (plus my forum reply).

    Posted by Panos | May 29, 2011, 22:32
  7. Thanks Panos …
    Your advises are always useful !! :)

    Posted by Vag | May 30, 2011, 21:25
  8. Να’σαι καλά Vag!

    Posted by Panos | May 31, 2011, 00:53
  9. This post will definitely enjoy one of my blog buddy !! :) I’ve give her the link to your blog. :)

    Posted by Isabelle | July 5, 2011, 14:17
  10. Hi Isabelle. Nice trick, isn’t it?
    Your friend might be interested in my latest post too:

    http://wpbtips.wordpress.com/2011/06/29/inserting-grooveshark-audio-players/

    Posted by Panos | July 5, 2011, 20:09
  11. I can’t wait to read it too !! :) I still haven’t publish any music on my post but I should try one day :)
    Thanks again for the tips !!

    Posted by Isabelle | July 5, 2011, 20:19
  12. YouTube have changed the playlist url. Instead of the old:

    “http://www.youtube.com/p/F60BAD8EB530893C?version=3&hl=en_US”

    you now get:

    “http://www.youtube.com/embed/videoseries?list=PL8359B171E5C37D1F&hl=en_US”

    …which doesn’t work in gigya. After much messing about, I’ve found that if you remove the ‘PL’ at the start of the playlist ID, and add it into the old-style url, thus:

    gigya src=”http://www.youtube.com/p/8359B171E5C37D1F” type=”application/x-shockwave-flash” width=”500″ height=”311″ allowscriptaccess=”always” allowfullscreen=”true”

    …it works fine.

    Hope that’s of help to someone.

    Posted by Daz | September 21, 2011, 18:01
  13. That’s of great help and thanks much for letting me know. The problem isn’t that they changed the URL (since the old URL still works), but rather that they no longer provide the old embed code (which you could easily convert). So I’ll have to restructure the instructions in the post. I’ll update it as soon as possible. Thanks again!

    Posted by Panos | September 21, 2011, 21:57
  14. Hi, as of October, this doesn’t work anymore. Any new solutions? At first it just gave me a black box. Now, in November, I don’t even have anything show up on my screen. Help!?

    Posted by Liz Lemon Nights | November 3, 2011, 05:08
  15. Hi,

    If “this” doesn’t work anymore, then how come the example in my post is working?

    a) Notice the two comments right above yours (Daz’s and mine) and the updated instructions in my post.
    b) In both of the playlists on your front page you have included videos for which “embedding is disabled by request”. So even when you correct the shortcodes, some of the videos won’t play in your blog.

    Posted by Panos | November 3, 2011, 07:20
  16. Hello,

    Ok, first, I’m sorry if my comment offended you and you thought I was speaking in a mean tone. This is exactly why I hate texting/emailing, etc. You end up looking like a jerk, all because the person on the other end can’t hear your voice.

    So, let’s start over. I did not mean for my tone to be interpreted as one of a hissing Kracken. I am actually kind of nice…at least that’s what my friends tell me.

    Ok, now that you’ve seen my page, I’ll let you know that none of my videos have ever worked. :( At first they, when you clicked on the play button, “video cannot play at this time” or something to that extent (I cannot remember), but I kept them there in hopes that they would eventually, but no…

    So, I googled a lot, looking around the web, and codes like “gigya,” etc that have been mentioned (in wordpress forums, etc) have not worked when pasting them into the HTML view of the page.

    Which led me to your page. And your method also did not work. I don’t know why, but now I don’t even get a play button. What results is literally nothing on the page, not even a black box. I click to preview and the page is blank.

    So long story short, can you please help me? Thank you.

    And, just for clarification, this is all meant to be heard as a pre-coffee, extremely tired, nice voice. Without hissing.

    Posted by Liz Lemon Nights | November 3, 2011, 13:52
  17. Lemon Nights:

    If you’re pasting the code from my comment, you might want to check that the quote-marks are pasting as straight quotes— " —and retyping them if they aren’t. (Also—probably stating the obvious—make sure the whole thing’s surrounded by square brackets.)

    Posted by Daz | November 3, 2011, 14:14
  18. Me again…

    After looking at the source code of your post with the playlist, It doesn’t look as if you’ve added the ID for the playlist.

    The gigya code is:

    [Bad code removed - P.]

    To get the Playlist ID, take the url…

    …and copy everything after PL:

    3D602A280B71F1B5

    Insert that into the above code, thus:

    [Bad code removed - P.]

    Once you’ve pasted that into the html editor, do not switch back to visual editor.

    Posted by Daz | November 3, 2011, 14:55
  19. @Liz: I wasn’t offended. My rhetorical question meant just what it said: it meant check the example in my post to see that inserting a YT playlist is working.

    As Daz says above, what you’ve put in your post editor is not what the post instructs you to. So first try again, closely following the instructions, forget the post preview, and publish the post so we can check.

    But if you’re seeing nothing on your blog (no play button, no black box etc.), then maybe you’ve got browser or other issues as well. Here’s your “Cooking Playlist 10/26″ embedded in my demos blog:

    http://panosdemos.wordpress.com/2011/11/03/liz-playlist/

    Can you see the player? Is it working for you?

    Posted by Panos | November 3, 2011, 16:36
  20. @Daz: Thanks for helping. But watch out – never paste code in a comment. See point 4 here:

    http://wpbtips.wordpress.com/comment-guidelines/

    Posted by Panos | November 3, 2011, 16:39
  21. You guys are so quick and helpful, thank you!

    Ok, I think it was checking it in preview before publishing is what that messed it up. I immediately went to publish as Panos said, and it worked. Ahhhh!!!! You guys are geniuses!

    Many, many thanks! Now I’m going to update the others. Thanks again!

    Posted by Liz Lemon Nights | November 3, 2011, 19:15
  22. You’re welcome! Now all that’s left is for you to edit the playlists and remove the videos that don’t allow embedding.

    Posted by Panos | November 4, 2011, 04:43
  23. Hi Panos,

    I tried the above gigya code method and it worked great for months. However, recently I’ve noticed that the embeds on my wordpress.com site only show the FIRST video of the playlist. After the video finishes, the player just goes black and doesn’t auto-play the remaining videos. When I click on the icon to show the rest of the videos in the playlist (the one to the left of the clock icon [which allows you to watch a video later]), it pulls up a blank list.

    A bit of further clarification– My playlists were made for a close-knit community and, thus, are listed as “private” (to use YouTube’s terminology) and are embedded within a password-protected wordpress.com page.

    To complicate matters, the embedded playlists DO work when I’m logged into my wordpress.com site, but DON’T work when I’m logged out.

    I’ve embedded a “public” playlist into my site with the following code and it worked just fine:

    [gigya src="http://www.youtube.com/p/5249368F76E543F9?hl=en_US&fs=1" type="application/x-shockwave-flash" width="920" height="500" allowscriptaccess="always" allowfullscreen="true" ]

    My conclusion is that somehow over the last few weeks the above gigya code that you provided will no longer work for videos marked “private” on YouTube. Any idea if it’d be possible to alter the code to grant access to “private” videos?

    Thanks!

    Posted by recursosfandanguerosenglish | February 1, 2012, 09:43
  24. P.S. If this is of any help/clarification, all of the videos in my “private” YouTube playlist are marked as “unlisted.” YouTube currently doesn’t have an “unlisted” playlist option, only “public” or “private.”

    Posted by recursosfandanguerosenglish | February 1, 2012, 09:50
  25. Youtube changes things all the time. But no, there’s no such option in the code.

    Posted by Panos | February 1, 2012, 14:04

Trackbacks/Pingbacks

  1. Pingback: Creep | Completely Disappear - July 21, 2013

Author

author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting on older posts has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.

Stats

  • 2,453,840 views
  • Views per month:
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
wpbtips.wordpress.com
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the wp.com forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
%d bloggers like this: