you're reading:
Gigya, Html & inline css codes, Shortcodes, Sidebar, Text widgets, Videos

The gigya shortcode 1 – inserting videos

http://wpbtips.wordpress.com/

WP.com supports javascript and flash, but doesn’t allow you to use those types of code directly, for security reasons – see Support doc on code. To insert objects that would normally require such a code, you use various WP-specific formulas – see Support doc on shortcodes.

Strangely, the gigya shortcode is missing from that doc (perhaps because it’s not as easy to use as, say, the youtube shortcode). Gigya is the shortcode that will show up in your html editor when you use the auto-post-to-WP button that some sites with videos or other flash objects provide. I first got acquainted with it when I experimented with the Mixpod audio players.

Using this shortcode, you can insert any video that provides a flash embed code (not directly allowed in wp.com). You copy the URL and the dimensions of the video from the embed code, and you transform them into a working shortcode this way:

[gigya src="VIDEO URL HERE" width="WIDTH NUMBER HERE" height="HEIGHT NUMBER HERE" quality="high" wmode="transparent" allowFullScreen="true" ]

Paste into html post or page editor. In contrast to some other shortcodes, the gigya shortcode works in text widgets too; of course you’ll need to adjust the dimensions – see my post on sidebar width.

Example

Embed code:

<object width="464" height="376" id="823505" type="application/x-shockwave-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" alt="100 Years of Production Design Funny Videos"><param name="movie" value="http://embed.break.com/ODIzNTA1"></param><param name="allowScriptAccess" value="always"></param><embed src="http://embed.break.com/ODIzNTA1" type="application/x-shockwave-flash" allowScriptAccess=always width="464" height="376"></embed></object><br><font size=1><a href="http://www.break.com/usercontent/2009/7/100-years-of-production-design-823505.html" target="_blank">100 Years of Production Design</a> – Watch more <a href="http://www.break.com" target="_blank">Funny Videos</a></font>

Shortcode:

[gigya src="http://embed.break.com/ODIzNTA1" width="464" height="376" quality="high" wmode="transparent" allowFullScreen="true" ]

Result:

For YouTube videos in particular, you have to click “Embed” then tick the option “Use old embed code”.

If the embed code is like this:

<embed width="600" height="361" type="application/x-shockwave-flash" allowFullscreen="true" allowNetworking="all" wmode="transparent" src="http://static.photobucket.com/player.swf" flashvars="file=http%3A%2F%2Fvid0006.photobucket.com%2Falbums%2F0006%2Fpbhomepage%2FCute%2520Videos%2FOttersholdinghands.flv">

Turn it to this:

[gigya src="http://static.photobucket.com/player.swf" width="600" height="361" allowFullScreen="true" wmode="transparent" flashvars="file=http://vid0006.photobucket.com/albums/0006/pbhomepage/Cute%20Videos/Ottersholdinghands.flv" ]

Same thing if there’s a string of variables appended to the video URL after a questionmark.

For Kickstarter videos in particular, see separate post.

http://wpbtips.wordpress.com/

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

Discussion

196 thoughts on “The gigya shortcode 1 – inserting videos

  1. Great! I hadn’t heard of this. Doesn’t seem to work with Flickr slideshows, though, unfortunately — guess it’s just for videos.

    Posted by Dave Bonta | July 3, 2010, 04:03
  2. @Dave Bonta:
    Did you see this in the forums:

    http://en.forums.wordpress.com/topic/you-can-insert-a-flickr-slideshow?replies=4

    I have a Flickr account (or maybe 2?) which has 3 or 4 photos. So I did not experiment with it; don’t know if it will work in a sidebar.
    Tess

    Posted by Tess | July 3, 2010, 04:47
  3. Panos:

    You have out-done yourself with that example—very enjoyable.

    (Love it when your blog gets really serious.)

    I could put names to many of the clips, but some were driving me crazy: I’m not good with names.
    Spoiler here: a list of the references:

    http://www.artdirectors.org/sites/art/information/ADG100withpics2.pdf

    Posted by Tess | July 3, 2010, 05:27
  4. @Tess: WOW THANKS FOR FINDING THIS! Yes, makes for a great quizz! (And, sorry, I changed the URL to the pdf version – the other one was way too long.)

    @Dave: The parameters in the version I’m giving in this post are for videos, but the gigya shortcode in general is for flash objects in general, not just videos (which is why I’m going to do at least one more post on it). As for Flickr slideshows in particular, Tess beat me to it: OP in that forum thread found that you just paste the slideshow URL in the html editor.

    @Tess: But this won’t work in the sidebar. For the sidebar you need gigya again. OP’s example transformed:

    [gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649&quot; width="NUMBER HERE" flashvars="offsite=true&amp;lang=en-us&amp;page_show_url=/photos/peter_colapinto/sets/72157624230851885/show/&amp;page_show_back_url=/photos/peter_colapinto/sets/72157624230851885/&amp;set_id=72157624230851885&amp;jump_to=" allowFullScreen="true" ]

    (To find the data I had to check the source code of the page.)

    Posted by Panos | July 3, 2010, 10:02
  5. PDF is much better: I got into the habit of not clicking pdfs because they used to download automatically; my download folder got full of unidentifiable stuff I never meant to keep…

    The Flickr slideshow makes it worth it to re-activate my account, especially for the sidebar. As if I need more stuff in my sidebar!

    Posted by Tess | July 3, 2010, 18:08
  6. Thanks for the post and the “Flickr tip” :-)

    Posted by Galois | July 3, 2010, 20:32
  7. @Tess: Right. I could have shortened the ULR, but I opted for the PDF because it includes the film posters too.

    @Galois: You’re welcome. There’s more to come (you’ve seen some of it in connection with the clocks).

    Posted by Panos | July 4, 2010, 01:24
  8. you’ve seen some of it in connection with the clocks

    Yes! (the clock is still working…)

    Posted by Galois | July 4, 2010, 01:43
  9. Of course it’s working – our shop offers good-quality clocks!

    Posted by Panos | July 4, 2010, 02:33
  10. @Tess Thanks for the tip. I went and tried it out, and couldn’t get a Flickr slideshow to play. But I did get Vimeo and YouTube videos to play by the same method, just inserting the url, no shortcode. The oEmbed-ennabled easy embedding feature introduced with WordPress 2.9 seems to work at WordPress.com as well. (I suppose this was already brought up somewhere else in the forums — sorry I’m so out of the loop.)

    Posted by Dave Bonta | July 5, 2010, 00:41
  11. @Dave: Re your Flickr slideshow, see my reply in the forum.
    ( http://en.forums.wordpress.com/topic/you-can-insert-a-flickr-slideshow?replies=19#post-482390 )

    Posted by Panos | July 5, 2010, 05:06
  12. Now this is why I make sure to visit your blog every so often! Quite a nugget you’ve posted here, now I’ve got another option when I want to embed videos (aside from Vodpod or Mixpod)!

    Posted by RandomizeME | July 5, 2010, 14:32
  13. @RM: Yeah – and I don’t know about you, personally I find this way less complicated than Vodpod.

    Posted by Panos | July 5, 2010, 19:32
  14. Well, I use the Vodpod button so it automatically grabs the videos for me. I like having all the videos I wanted to embed collected there. But I’ll use your method for when the Vodpod button doesn’t work or when I don’t need the vid in my collection.

    It’s all good!

    Posted by RandomizeME | July 6, 2010, 03:49
  15. I guess I still don’t understand why the support docs don’t mention that videos can be posted without any shortcode at all, just using the URLs.

    Posted by Dave Bonta | July 7, 2010, 08:08
  16. I don’t know. Maybe they haven’t updated the docs yet. Maybe it’s a new development, still in progress (it had started with been able to post youtubes in comments that way, and it’s a mess at the moment: youtube URLs work in posts as well as comments, dailymotion URLs work in posts but not in comments, the URL of the video I put in this post doesn’t work in posts or in comments…). Or maybe because without the shortcode you cannot add options…

    Or maybe they’re too busy giving out new themes before they’ve fully tested them; or too busy trying to think of other silly ways to increase traffic.

    Posted by Panos | July 7, 2010, 11:26
  17. Worked on my first attempt…awesome! Thanks Panos:)

    Posted by CrenaBeana | July 20, 2010, 06:46
  18. @CrenaBeana: You’re welcome (but I don’t see any “attempt” in the blog linked to your nick).

    Posted by Panos | July 20, 2010, 07:00
  19. Hello, I tried this shortcode and it worked till today!now the video doesn’t display and i didnt change any code :(

    Posted by voachinese | August 19, 2010, 06:47
  20. Any idea how to post videos from Archive.org in your posts using gigya shortcodes?

    I’m trying to embed:

    <object width="640" height="506" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="true" name="allowfullscreen"/><param value="always" name="allowscriptaccess"/><param value="high" name="quality"/><param value="true" name="cachebusting"/><param value="#000000" name="bgcolor"/><param name="movie" value="http://www.archive.org/flow/flowplayer.commercial-3.2.1.swf" /><param value="config={'key':'#$aa4baff94a9bdcafce8','playlist':['format=Thumbnail?.jpg',{'autoPlay':false,'url':'scipy09_introTutorialDay1_1_512kb.mp4'}],'clip':{'autoPlay':true,'baseUrl':'http://www.archive.org/download/scipy09_introTutorialDay1_1/','scaling':'fit','provider':'h264streaming'},'canvas':{'backgroundColor':'#000000','backgroundGradient':'none'},'plugins':{'controls':{'playlist':false,'fullscreen':true,'height':26,'backgroundColor':'#000000','autoHide':{'fullscreenOnly':true}},'h264streaming':{'url':'http://www.archive.org/flow/flowplayer.pseudostreaming-3.2.1.swf'}},'contextMenu':[{},'-','Flowplayer v3.2.1']}" name="flashvars"/><embed src="http://www.archive.org/flow/flowplayer.commercial-3.2.1.swf" type="application/x-shockwave-flash" width="640" height="506" allowfullscreen="true" allowscriptaccess="always" cachebusting="true" bgcolor="#000000" quality="high" flashvars="config={'key':'#$aa4baff94a9bdcafce8','playlist':['format=Thumbnail?.jpg',{'autoPlay':false,'url':'scipy09_introTutorialDay1_1_512kb.mp4'}],'clip':{'autoPlay':true,'baseUrl':'http://www.archive.org/download/scipy09_introTutorialDay1_1/','scaling':'fit','provider':'h264streaming'},'canvas':{'backgroundColor':'#000000','backgroundGradient':'none'},'plugins':{'controls':{'playlist':false,'fullscreen':true,'height':26,'backgroundColor':'#000000','autoHide':{'fullscreenOnly':true}},'h264streaming':{'url':'http://www.archive.org/flow/flowplayer.pseudostreaming-3.2.1.swf'}},'contextMenu':[{},'-','Flowplayer v3.2.1']}"> </embed></object>
    

    Posted by Firas MR | October 31, 2010, 17:26
  21. Not possible with this type of code. Please link to where you got it from so I can see if there are alternatives.

    Posted by Panos | October 31, 2010, 17:50
  22. @Panos:

    Wow! That was fast! Much appreciated! :-)

    The link to the video is here:

    http://www.archive.org/details/scipy09_introTutorialDay1_1

    Posted by Firas MR | October 31, 2010, 17:59
  23. @Panios

    I wouldn’t mind using some other flash player widget other than Flowplayer if getting the video to work requires such a thing …

    Posted by Firas MR | October 31, 2010, 18:11
  24. Sorry, can’t find a workaround. I even tried Vodpod, via which you can supposedly embed just about any video to WP, but WP doesn’t understand this type of flash variables. As far as I can tell, the only thing you can do is link to the URL of the MPEG4 the page provides.

    Posted by Panos | October 31, 2010, 23:42
  25. @Panos

    Thank you for trying … yea I had tried Vodpod too, but no luck.

    Posted by Firas MR | October 31, 2010, 23:47
  26. You’re welcome – sorry I couldn’t help!

    (I also looked for widgets that would play mp4s, but couldn’t find any.)

    Posted by Panos | October 31, 2010, 23:54
  27. OK, looks like using the following code will work!

    I used the player plugin from here http://rodrigopolo.com/about/wp-stream-video

    What I did was downloaded the zip package, extracted it and uploaded the player.swf file to an external site at googlepages.com .

    Then I used the code,

    [gigya src="http://sites.google.com/site/mydominanthemisphere/player.swf&quot; width="512" wmode="transparent" allowFullScreen="true" quality="high" flashvars="file=http://www.archive.org/download/scipy09_introTutorialDay1_1/scipy09_introTutorialDay1_1_512kb.mp4"]

    I just wish I could add a thumbnail to it … any idea how to do it?

    [Comment edited to display the code – P.]

    Posted by Firas MR | November 1, 2010, 01:24
  28. Oh, looks like the code fails to call the player if I’m signed out of the Google a/c …

    However it will work if I call the player directly from the hosted site, like so

    [gigya src="http://rodrigopolo.com/wp-content/plugins/stream-video-player/player.swf&quot; width="512" wmode="transparent" allowFullScreen="true" quality="high" flashvars="file=http://www.archive.org/download/scipy09_introTutorialDay1_1/scipy09_introTutorialDay1_1_512kb.mp4"]

    [Comment edited to display the code – P.]

    Posted by Firas MR | November 1, 2010, 01:31
  29. OK, I’m able to call the player through my googlepages site now. … how do I add a thumbnail or image? Any ideas?

    Posted by Firas MR | November 1, 2010, 01:42
  30. Gah … I guess calling the player from googlepages is misbehaving … it’s no longer working … sorry about polluting with so many comments!

    Posted by Firas MR | November 1, 2010, 01:48
  31. • I edited your comments to make the code show up.

    • How I do it explained here:

    http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/#comment-4962

    • To display a preview image, you’d have to write the variables in the shortcode this way:

    flashvars="file=MOVIE URL HERE&image=IMAGE URL HERE"

    But apparently it only works if the image is hosted where the player is.

    Posted by Panos | November 1, 2010, 07:16
  32. @Panos:

    So finally, I have a general idea as to how to make it work. Thank you very much!

    Posted by Firas MR | November 1, 2010, 12:11
  33. Woops again! By the time I figured out how to enter code correctly in the comments properly, I just realized I solved the problem! Now I can seek and skip around too! Thank you! :-)

    Posted by Firas MR | November 1, 2010, 12:22
  34. Here’s ! I’ve added a link to this useful post you have! :-)

    Thanks again!

    Posted by Firas MR | November 1, 2010, 12:55
  35. You’re welcome!

    Thanks for the credit, but I don’t really deserve it: it’s you that found solutions, not me!

    And sorry, I had to edit out what you reported (hope you realize why).

    Posted by Panos | November 2, 2010, 02:04
  36. Tried the gigya shortcode to put a Youtube video on the right sidebar position 2 of my Structure themed site but I see no video. Any ideas would be welcome.
    Thank you.

    Posted by Geoffrey Williams | November 25, 2010, 16:32
  37. @Geoffrey: Sorry, I left for work after posting my previous reply to you – didn’t see this comment till now.
    Your shortcode doesn’t work because you used this URL:

    http://www.youtube.com/watch?v=ClYtgTTdXds

    That’s the URL of the webpage, not the video; the video URL is this (you can find it if you copy the embed code):

    http://www.youtube.com/v/ClYtgTTdXds

    Posted by Panos | November 25, 2010, 22:55
  38. Ahh, that’ll be why then! Thanks again Panos!

    Posted by Geoffrey Williams | November 26, 2010, 06:59
  39. Panos, I don’t know you to change this embed code into a video. Here is the code:

    http://upload2.com/embed/6428c8ad

    Posted by Hypertext Infinity | December 18, 2010, 22:09
  40. @HI: The page you linked to provides an iframe code, which cannot be used. So you can view the sourcecode of the page and copy the embed code of the video to turn it into the appropriate shortcode. Result:

    [gigya src="http://upload2.com/sites/player/player.swf” flashvars="thumbnail=http://upload2.com/sites/image/thumb/thumbnail.jpg&video=http://66.55.152.28/d53f5c43271b30762801d3fb210082db.mp4/a8762c7d6295800e11fcfde0bf96db04/4d0d26ba&autoplay=0&video_title=Bakuman Episode 1&rating=M-PG13&premium=true" allowfullscreen="true" width="550" height="400" bgcolor="#000000" ]

    Posted by Panos | December 19, 2010, 15:21
  41. Thank you very much! :)

    Posted by Hypertext Infinity | December 19, 2010, 16:47
  42. how did you find the embed code of the video and the .swf shortcode?

    Posted by Hypertext Infinity | December 19, 2010, 16:57
  43. You’re welcome.

    a) If found it the way I mentioned. Browsers have a View Source function in their View menu.
    b) I didn’t find it, I created it. The way I explain in this very post, or here:

    http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/

    Posted by Panos | December 19, 2010, 19:53
  44. Hey Panos, I’m having a difficult time embedding a VEVO music video into my blog, http://eddierobinsononline.com/2011/01/08/healing-ambrosia-from-ambrosius-defy-stereotypes/. I used your gigya shortcode, but for some reason, the clip doesn’t seem to play! Can you help me?? Thanks.

    Posted by eddierobinsononline | January 8, 2011, 20:49
  45. Hi. That video says it’s licensed for streaming in US and Canada only, so I can’t access the embed code, and I won’t be able to check the end result. The only thing I can do is give you the correct shortcode if you paste the embed code. To make sure the code will show up, paste it this way:

    [sourcecode language=”html”]
    CODE HERE
    [/sourcecode]

    Posted by Panos | January 8, 2011, 21:25
  46. Sorry, I had to remove your previous two attempts. Third one is more like it – although I’d be more at ease with a code that starts with “embed”. Give this a try and let me know:

    [gigya src="http://www.vevo.com/VideoPlayer/Embedded" width="575" height="324" quality="high" wmode="transparent" allowFullScreen="true" flashvars="videoId=USJRV1000062&playlist=false&autoplay=0&playerId=62FF0A5C-0D9E-4AC1-AF04-1D9E97EE3961&playerType=embedded&env=0" ]

    Posted by Panos | January 8, 2011, 22:29
  47. Panos! Thanks for deleting those two attempts. You, my friend, are a true professional!! Thank you again. It works beautifully!! Apologize for the lateness in your time zone, but I appreciate you looking into this for me! -Eddie in NYC! :)

    Posted by eddierobinsononline | January 8, 2011, 22:50
  48. You’re welcome (and no need to apologize: comments aren’t phone calls)!

    Posted by Panos | January 9, 2011, 10:49
  49. Hi. I’ve tried to embed a YouTube video in the sidebar using the gigya in the text widget (WordPress.com); I used the YouTube embed URL, not the web page URL. Didn’t work. I I used a width of 200 to make it fit in the Twenty Ten sidebar. No luck. Will the shortcode embed videos in the sidebar using the WordPress.com text widget? If so, what am I doing wrong?

    Here’s what I used:

    [gigya src="http://www.youtube.com/embed/KaokKY5u7oc" width="200" height="160" quality="high" wmode="transparent" allowFullScreen="true" ]

    Thanks

    Posted by pseudocognitive | January 23, 2011, 22:10
  50. Hi. You did nothing wrong, but maybe Youtube or WP changed something. Use this URL instead:
    http://www.youtube.com/v/KaokKY5u7oc

    Posted by Panos | January 23, 2011, 22:31
  51. Thanks….works perfectly!

    Posted by pseudocognitive | January 24, 2011, 06:47
  52. @PC: You’re welcome!

    Posted by Panos | January 24, 2011, 12:22
  53. Thanks man (I didn’t know that was posible)
    After an hour I was able to embed an Kickstarter video:

    http://zuplemento.wordpress.com/2011/01/28/mulderreport-edicion-especial-diagrama-para-delicuentes/

    Copying your code here…

    http://en.forums.wordpress.com/topic/how-to-embed-kickstarter-video-on-blog?replies=7

    A tutorial (for Kickstarter) would be nice; it wasn’t that easy for me =/

    Ze

    Posted by karakenio [Ze] | January 29, 2011, 14:31
  54. You’re welcome!

    Yes, many users don’t know it’s possible – even WP staff still claim it isn’t. And it isn’t easy for anyone except the few who have become accustomed to this sort of trick. So kudos for making it. And kudos for searching the forum: many members don’t bother do do that.

    Kickstarter was particularly tricky, as it wouldn’t work the way I’m describing in this post, and I had to dig deeper to find the right URL (as I explained in the forum). So thanks for the suggestion, I might do a post on Kickstarter.

    Posted by Panos | January 29, 2011, 21:57
  55. Thanks a BIG bunch for this!

    Posted by bevtrayner | February 18, 2011, 19:54
  56. Can you show how to do this for VEVO-specific video embeds? Have tried to use this formula to no avail. Apologies in advance if it’s my own oversight.
    Here’s the original video URL:

    http://www.youtube.com/user/boyandbearVEVO#p/a/u/1/TYCDNRpyzrM

    And here’s what I turned it into, attempting to follow your formula:
    [gigya src="http://www.youtube.com/embed/TYCDNRpyzrM" width="560" height="349" quality="high" wmode="transparent" allowFullScreen="true"]

    Yet, whether I plug it in via wordpress’ visual or html editor, the result is just the text of the embed code appearing in the preview of my draft:

    http://billabout.com/?p=1599&preview=true

    any advice would be extremely welcome!

    thanks –mh

    Posted by missmh2k | February 19, 2011, 01:44
  57. @bevtrayner: You’re welcome! (I guess what you liked is the ability to display a video in the sidebar.)

    @missmh2k: I’m not seeing anything VEVO-specific – it’s standard Youtube. And it’s just that Youtube changes things all the time. When I wrote the post, the shortcode you pasted above would have worked. Now you need to use a different URL: replace “embed” with “v”.

    Posted by Panos | February 19, 2011, 02:20
  58. Hi Panos,

    Thanks for your prompt reply!

    So, I’m still having trouble with this embed. I changed the code to use “v” instead of “embed” per your instructions, as follows:

    [gigya src="http://www.youtube.com/v/TYCDNRpyzrM" width="560" height="349" quality="high" wmode="transparent" allowFullScreen="true"]

    But the preview of my draft still just shows the code instead of a video.

    I’m not sure what I’m doing wrong. In case it helps, here’s VEVO’s embed code:

    [Video removed – P.]

    Thanks for any suggestions you may have!

    Cheers –mh

    [Follow up attempts at pasting the code removed – P.]

    Posted by missmh2k | February 19, 2011, 02:33
  59. Both the gigya shortcode you pasted above and the standard youtube shortcode will give you the video in the published post.

    (Unless you’re not talking about a wp.COM blog: link to the blog in question please!)

    And next time you’ll need to show me some code, check this first:

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

    Posted by Panos | February 19, 2011, 02:58
  60. hi panos – i’m sorry for the messy code. have read your guidelines now.
    as for the blog itself, here’s the link to the preview of the post:

    http://billabout.com/?p=1599&preview=true

    i don’t actually know if this is a wordpress.com or wordpress.org page. is there anyway you can tell? i’m a hired hand at this point.

    thanks for your patience and graciousness.

    cheers –mh

    Posted by missmh2k | February 19, 2011, 03:10
  61. You’re welcome, but… sorry, that blog is self-hosted.* So the info or the advice you can find here doesn’t apply.

    * One way I can tell is the theme: wp.com blogs are limited to the themes you can load from your dashboard. Another way I can tell is the absence of the grey admin bar all logged-in wp.com users share. And there are ways you can tell: for instance you can add plugins (which aren’t supported in wp.com blogs).

    Posted by Panos | February 19, 2011, 03:25
  62. ah, ok.

    well, thank you for your help – you did teach me a lot, despite my ongoing problems with this vevo embed.

    thank you again for everything.

    cheers –mh

    Posted by missmh2k | February 19, 2011, 03:34
  63. You’re welcome and sorry I can’t help. You can try asking at the wordpress.org forum.

    Posted by Panos | February 19, 2011, 04:09
  64. Thank you for all this great info. My older blog was wordpress.org-blog, and the new one is in wordpress.com. I was getting depressed with all the limited options (no youtube playlists, no flash, etc.), but with your info I can overcome these limitations. Thanks!

    Posted by MS-potilas | February 25, 2011, 06:57
  65. You’re welcome. Yes, it allows you to overcome many limitations – did you check my “3rd-party Widgets” section too?

    Posted by Panos | February 26, 2011, 06:04
  66. I’m trying to embed a video from kickstarter into my wordpress blog, but even after following the instructions can’t get it to work. Here’s the link to the kickstarter page: http://www.kickstarter.com/projects/1019019367/urbanized-a-documentary-film-by-gary-hustwit. Can you help?

    Posted by Jake Thomas | February 28, 2011, 04:45
  67. You can’t make it work, because the embed code the page provides is iframe, not flash. Kickstarter videos are tricky, and I’m going to do a separate post for them. To spare us the details in the meantime, here’s the shortcode you need:

    [gigya src="http://www.kickstarter.com/swf/player.swf" flashvars="screencolor=000000&amp;file=http%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F19147%2Fvideo-25648-h264_high.mp4&amp;controlbar=over&amp;skin=http%3A%2F%2Fwww.kickstarter.com%2Fswf%2FksrTheme.swf&amp;image=http%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F19147%2Fphoto-full.jpg&amp;frontcolor=ffffff&amp;lightcolor=00ff00&amp;backcolor=000000" width="480" height="360" ]

    Dimensions can be changed.

    Posted by Panos | February 28, 2011, 05:19
  68. Amazing! Thanks. Looking forward to that post.

    Posted by Jake Thomas | February 28, 2011, 06:23
  69. Hi there I was wondering if you had a chance to write that post on how to embed a Kickstater video. I’ve tried following your instructions but I can not seem to wrap my head around it. Here is the link to my kickstarter page. https://www.kickstarter.com/projects/54279240/shakespeare-at-the-beach-ocean-city-md

    Can you help?

    Much thanks

    Posted by spiffsadventure | March 31, 2011, 00:15
  70. No I didn’t have that chance. If I don’t do it soon, I’ll give you the shortcode you need.

    Posted by Panos | March 31, 2011, 13:07
  71. Shortcode:

    [gigya src="http://www.kickstarter.com/swf/player.swf" flashvars="controlbar=over&amp;skin=http%3A%2F%2Fwww.kickstarter.com%2Fswf%2FksrTheme.swf&amp;file=http%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F22458%2Fvideo-24556-h264_high.mp4&amp;frontcolor=ffffff&amp;lightcolor=00ff00&amp;backcolor=000000&amp;image=http%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F22458%2Fphoto-full.jpg&amp;screencolor=000000" width="480" height="360" quality="high" wmode="transparent" allowFullScreen="true" ]

    Posted by Panos | April 1, 2011, 11:26
  72. Thank you very much for all the help!

    Posted by spiffsadventure | April 1, 2011, 15:39
  73. You’re welcome. Sorry I was too busy to do the promised post!

    Posted by Panos | April 3, 2011, 05:45
  74. Many thanks for the useful gigya shortcodes. Very enjoyable :-)

    Posted by libre fan | April 3, 2011, 13:49
  75. can someone please help : Here is the code for what I want to embed to my wordpress blog. How should it actually read? Thanks in advance!!!! Geoff

    http://inmotion.magnumphotos.com/files/swf/flvplayer.swf

    Posted by Geoffrey Hiller | April 4, 2011, 05:34
  76. sorry bout that- it was not supposed to read as a link- I will try again w/o the brackets.

    embed src=’http://inmotion.magnumphotos.com/files/swf/flvplayer.swf’ bgcolor=’#1E201D’ flashVars=’xml=http://inmotion.magnumphotos.com/flvplayer/xml/593/xml/structure.xml&autoStart=false’ base=’http://inmotion.magnumphotos.com/flvplayer/xml/593/’ name=’magnumPlayer’ width=’938′ height=’690′ allowFullScreen=’false’ allowScriptAccess=’always’ type=’application/x-shockwave-flash’ swLiveConnect=’true’ pluginspage=’http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash’></embed

    Posted by Geoffrey Hiller | April 4, 2011, 05:36
  77. It should read as explained here:

    http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/

    I could give you the end result, but there’s no point: these videos are too wide for your blog (they’re not resizable).

    PS If you ever need to show me some code again, check point 4 here first:

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

    Posted by Panos | April 4, 2011, 05:58
  78. I’m trying to embed a prezi presentation into my wordpress blog, but either the embed code doesn’t work nor the gigya shortcode. That’s the gigya shortcode I’ve used:[gigya src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="450" height="300" bgcolor="#ffffff" flashvars="prezi_id=-tf_1wlrjahy&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0]

    What can I do? Thanks

    Posted by Biblioteca | May 17, 2011, 14:35
  79. You’re missing the closing quote at the end (between the 0 and the bracket).
    But if I use this corrected code, the viewer says I’m forbidden to view the Prezi. Is it yours? If so, maybe you’ve made your Prezi account private?

    Posted by Panos | May 17, 2011, 17:24
  80. Thank you Panos. It works now! It was de closing quote and I have the prezi private. But the presentation has a video from youtube and the video doesn’t start, the screen is in black. Could you help me, please?

    Posted by Biblioteca | May 18, 2011, 11:03
  81. I’ve solved the problem with Youtube video, I think the link had been changed. I think it’s the problem when you insert a video with an url that can change.

    Posted by Biblioteca | May 18, 2011, 11:55
  82. thanks a mill Panos.. you probably helped wordpress.com keep a customer. I’ve bought extra videopress space as an add-on … and youtube give me an unlimited account… wp.com are too restricted.. I understand security concerns but – a verified account with Livestream simply means we’ve gone through the verification process and surely wp.com can consider Livestream a trusted embed. Anyway, thanks a million again, now, if livestream will deliver to native android we’ll have the perfect storm. (the is a hack btw – use the skyfire browser on Android) little buggy.. but works.

    Posted by Irish Debate | May 19, 2011, 00:54
  83. @ID: You’re most welcome – but I don’t remember: did I help with this in the forum?

    Posted by Panos | May 20, 2011, 05:02
  84. Help …
    [Src Gigya “http://videos.arte.tv/fr/videos/hackers_ni_dieu_ni_maitre-3945076.html” = width = “640” height = “410” quality = “high” wmode = “transparent” allowFullScreen = “true”]

    Posted by alexnewsblog | June 8, 2011, 16:46
  85. That won’t work, because of various wrong details, but most important: that URL isn’t the URL of a video player, it’s the URL of a webpage. You need to get the embedding code of the video (by clicking on the “integrer” button), isolate this:

    <embed src="http://videos.arte.tv/videoplayer.swf?autoPlay=ETC ETC ETC ETC"></embed>

    and turn it to this:

    [gigya src="http://videos.arte.tv/videoplayer.swf" flashvars="autoPlay=ETC ETC ETC ETC" ]

    Posted by Panos | June 8, 2011, 19:13
  86. @ Panos…….Your knowledge is amazing and really do appreciate the help with how to make widgets work here on wordpress.com…………… im trying to install my reverbnation widget for my music using your gigya shortcode tutorial but still having configuration issues…..what would be the correct html code using your “panos method” with this widget html code that they provided me……

    http://cache.reverbnation.com/widgets/swf/40/pro_widget.swf?id=artist_1483129&skin_id=PWAS1002&border_color=000000

    Posted by djproper | June 10, 2011, 09:04
  87. haha wont let me post code on comment……..please refer to the code generated by my music player here when u chose the “share” option on player for the “emebed” code option for the gigya flash

    http://www.reverbnation.com/djproper

    Posted by djproper | June 10, 2011, 09:09
  88. That widget includes much customization, so you must stick with your original idea and give me the embed code after you select the options you prefer. See point 4 here:

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

    Posted by Panos | June 10, 2011, 21:39
  89. How can we include a windows media player to play live video (like mms:// ….) ??

    Posted by Vag | June 20, 2011, 10:56
  90. I don’t think we can. Can you link to examples?

    Posted by Panos | June 20, 2011, 19:14
  91. First one possible in self-hosted blogs only.

    Second one is flash so I was able to hack it:

    [gigya height="300" width="450" pluginspage="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" allowscriptaccess="always" quality="high" type="application/x-shockwave-flash" src="http://www.star.gr/AkamaiFlashPlayer.swf?src=rtmp://cp78491.live.edgefcs.net/live/flashlive@13949" ]

    (Dimensions can be changed.)

    But since the site doesn’t provide an embed code, embedding this in your blog is probably a copyright breach, and commercial channels don’t take these things lightly.

    Posted by Panos | June 20, 2011, 20:19
  92. Thanks …
    For the second one:
    Is it possible to make it not start automatically?
    I tried the autostart and autoplay parameters with value “false” but they doesn’t work.

    Posted by Vag | June 20, 2011, 20:53
  93. Ok … I did it … flashvars=”autostart=false” ,,, that is the right parameter

    Posted by Vag | June 20, 2011, 20:57
  94. Vag, I admire the post (and the intention) – let’s hope you won’t get into trouble with this…

    Posted by Panos | June 20, 2011, 22:00
  95. Αγανακτισμένοι … παντού :)

    Posted by Vag | June 20, 2011, 22:50
  96. Μακάρι να γίνουν περισσότεροι και περισσότερο.

    Posted by Panos | June 22, 2011, 05:30
  97. Hi, I hope you can help me with this, I know this script is for wordpress but I wondering if there is a way to embed vevo videos in a regular web site, i did it with the embed feature the problem is that I cant watch the video in my web site because it redirect me to youtube vevo web page, if you guys have any ideas of how to resolve this please let me know.

    thank you!

    Posted by erick | July 15, 2011, 19:14
  98. for myspace possible?

    Posted by semurel | July 16, 2011, 21:26
  99. Let me explain better: if you can get a shortcode for wordpress.com Gigya to mypace

    Posted by semurel | July 16, 2011, 21:27
  100. tanks

    Posted by semurel | July 16, 2011, 21:28
  101. @Semurel: The gigya shortcode is for wordpress. For MySpace you can use the regular flash embed code, if the video provides one. Some sites also have a direct post-to-MySpace button.

    Posted by Panos | July 17, 2011, 00:55
  102. @Erick: If you mean a self-hosted site, I cannot help: my blog is about wordpress.COM blogs.

    Posted by Panos | July 17, 2011, 01:04
  103. Thank you for sharing this!

    Posted by marburgersyndikat | July 17, 2011, 12:27
  104. @Panos: Yes, I meant for a self-hosted site, I thought that was a similar method to do it, thank you anyways for your prompt answer

    Posted by erick | July 19, 2011, 01:46
  105. Sorry, no: different software, different possibilities, different problems and solutions!

    Posted by Panos | July 19, 2011, 07:15
  106. I can’t thank you enough for this information. Real help for wordpress.com users! I was able to add videos to my sidebar, something I’ve been wanting to do but never could.

    I’ve browsed the rest of your site and see you have lots of useful tips. You have a new fan!

    Posted by Delaney Diamond | August 3, 2011, 07:07
  107. You’re welcome and thanks!
    I originally worked this out for inserting videos other than the officially supported ones, but of course the fact that it works in text widgets was also a useful discovery.

    Posted by Panos | August 3, 2011, 17:08
  108. this work with “Dailymotion” ?
    with my english is to hard for understand, i have try but no possible :(
    i wish embed from “Dailymotion” video and Customize width / height.
    THX

    Posted by jomardi | August 10, 2011, 17:04
  109. Yes it works with Dailymotion videos. You can link to the video you want and I’ll show you.

    Posted by Panos | August 10, 2011, 17:28
  110. i can;t understand what i can;t know to do…
    from this link, http://www.dailymotion.com/video/xkfzab_fubar-one-war-to-end-all-wars_shortfilms#hp-sc-p-1

    i make so,
    copy from “embend” “url” and width=”560″ height=”245″

    looks so: [gigya src="http://www.dailymotion.com/embed/video/xkfzab?width=560" width="560" height="245" quality="high" wmode="transparent" allowFullScreen="true" ]

    Posted by jomardi | August 10, 2011, 17:46
  111. That won’t work because you’re using the wrong URL. To get the right URL, you need to copy the code that starts with “object”, not the one that starts with “iframe”, so uncheck the little box at the bottom left corner. The right URL in this case is this:

    But there’s another way too. Instead of clicking Embed, you can click Share, then click Blogs and click the W button. Fill in your data and it will create a post in your blog.

    Posted by Panos | August 10, 2011, 18:01
  112. million THX Panos :)

    Posted by jomardi | August 10, 2011, 19:33
  113. You’re welcome jomardi!

    Posted by Panos | August 10, 2011, 21:41
  114. Panos mate you’re a legend!

    Was struggling to embed a video from WSJ.com. After reading this thread I got it to work as follows:
    [gigya src="VIDEO URL HERE" width="WIDTH NUMBER HERE" height="HEIGHT NUMBER HERE" quality="high" wmode="transparent" allowFullScreen="true" flashVars="INSERT HERE"]

    Posted by Colin Twiggs | August 12, 2011, 11:37
  115. You’re welcome, and kudos for figuring it out!

    When the code is like the one you pasted in the forum, you can do it faster by simply isolating this part:

    <embed src="ETC ETC ETC"></embed>

    and turning it to this:

    [gigya src="ETC ETC ETC" ]

    Posted by Panos | August 12, 2011, 12:33
  116. Hi Panos. I’m having trouble again, this time with embedding a video from CNN. I wonder if you can help out with the shortcode? The video is at The RidicuList: Matt Damon, and I’ve copied the embed code to http://textsnip.com/fe9256.

    Thanks in advance!

    Posted by IzaakMak | August 16, 2011, 18:50
  117. Hey Panos,

    I am trying to embed this video.

    http://video.nhl.com/videocenter/console?hlp=8471678&event=FLA557

    Someone on the wordpress.com forums has helped me get this far:

    [gigya movie="http://nhl.cdn.neulion.net/u/videocenter/ embed.swf" quality="high" allowFullScreen="true" allowScriptAccess="always" flashVars="hlp=8471697&event=COL75&server=http://video.nhl.com/videocenter/&pageurl=http://video.nhl.com/videocenter/&nlwa=http://app2.neulion.com/videocenter/nhl/" src="http://nhl.cdn.neulion.net/u/videocenter/ embed.swf" width="640" height="383" quality="high"]

    But this just puts the video box on my page, with the play button and all, but when you click the play button, the video doesn’t play. The video box just goes to its black background (whole box black) without playing the video. He seems to have a few errors in the code, like writing quality=”high” twice, and some spaces between between the slash marks and “embed.swf” however when I corrected these it still did not work. Something is missing from the code, the whole video actually playing part lol. I was hoping you could help, it would be very much appreciated. Thank you.

    Posted by SharkCircle | August 16, 2011, 21:49
  118. @IM:

    Shortcode here:

    http://textsnip.com/243d50

    @SC:

    The easiest way to convert this type of code is simply copy this part:

    <embed ETC ETC ETC"></embed>

    and turn it to this:

    [gigya ETC ETC ETC" ]

    But there’s something wrong with this particular video or the code they provide. According to the code, the URL of the video is this:

    http://video.nhl.com/videocenter/embed.swf?hlp=8471678&event=MTL244&server=http://video.nhl.com/videocenter/&pageurl=http://video.nhl.com/videocenter/&nlwa=http://app2.neulion.com/videocenter/nhl/

    If you paste this in the address bar of your browser and hit return, you’ll see that the URL itself doesn’t work.

    Posted by Panos | August 17, 2011, 04:48
  119. Thanks Panos, I see what you did there!

    Posted by IzaakMak | August 17, 2011, 05:00
  120. You’re welcome. As you saw, the trick is that if the src URL is “blahblah?moreblahblah”, you must turn it to “blahblah” flashvars=”moreblahblah”.

    Posted by Panos | August 17, 2011, 05:08
  121. Panos,

    Thanks for the reply, but so what’s the correct code then? What code do I need to use? If the code they give is broken, what’s missing from it?Here is the plain link to the video. http://video.nhl.com/videocenter/console?hlp=8471678&event=FLA557
    The plain link definitely works. So what code do I need to embed it?

    Posted by SharkCircle | August 17, 2011, 05:43
  122. So I see, and I’ve added this one to my collection of embed examples for future reference. I’ve spent the last 1/2 hour or so trying to figure out how to scale the size up, the way I’ve been able to do with some others. Unfortunately, changing just the “width” and “height” parameters causes it to display incorrectly, and changing the numbers in the “src=” part as well causes it not to display anything at all.

    As is is okay though, since the “full screen” button works just fine. Thanks again!

    Posted by IzaakMak | August 17, 2011, 05:44
  123. @SC:
    The “plain link” is not the URL of the video, it’s the URL of that webpage of the site (with the video embedded in it). If there’s a problem on their side with that set of videos, I can’t do anything about it. Compare with an example that does work (shortcode created exactly as explained in my previous reply):

    http://textsnip.com/8121c5

    Where did you start from to locate the video or the page (google, mainpage of the site, other)?

    @IM:
    And you can’t do anything about it either: some SWFs are resizeable, some aren’t.

    Posted by Panos | August 17, 2011, 08:27
  124. LOL. I’m sorry man, I can’t figure it out. Can you help me out?

    This is the link to the page which contains all the codes

    http://movieclips.com/gRfk-meatballs-4-movie-elvis-has-left-the-building/

    And the shortcode is http://cli.ps/gRfk

    I’ve tried to follow along and played with the code based on all the comments, but I keep getting this error embed_shortcode: is not a valid URL

    Can you help me out? I appreciate it….

    Posted by fogsmoviereviews | August 18, 2011, 03:02
  125. Panos,

    Thanks again. I’m not sure what you mean by where I started. I typed NHL Videocenter into google even though my browser probably has the exact address memorized. Just a habit I type web addresses in google. The address probably is just nhlvideocenter.com or something but in case it’s NHL.Videocenter.Com or some different variation like that I just googled it. So I googled it, NHL Videocenter was the first resulted, I clicked that to get to the videocenter, which starts playing the latest video automatically, which is highlights from the last hockey game of last season. There’s a built in search engine in videocenter, so I put the players name I want in the search engine, then a bunch of featured videos show up like “player x at a charity golf tournament” or whatever, because there are two buttons where you can choose “videos” or “highlights,” and it starts out on videos. So with that player’s name in the search engine, the results showing the “videos” by default, I click the highlight box instead, and then it takes me from featured videos of the player to his actual game highlights (the video playing, the last hockey game, it doesnt affect that. That just plays continuously). All clicking on “highlights” does is change the info of the right bar, so the various highlights selection shows up. Then once you click the highlight you want to play in the right bar, that’s when the last game default video will stop and yours will start. So basically you can search stuff and look through which highlight video you want to select without stopping the main video, sort of like a DVD pop-up menu that lets you toggle through things while the DVD still plays. So then I click on the highlight I want, and it plays. I pause it in the middle, or click “share” which pauses it automatically, and then I copy the embed code. I’ve tried clicking the embed code, doing select-all using my keyboard, and then copying and pasting that. I’ve also tried just clicking the “copy” button with my mouse that videocenter has next to the embed code, and then copying it into a document. Ive tried manually toggling my mouse over the whole code until all of it is selected and then copying and pasting that way. I’ve been copying it into textedit. Works for everything else I copy so I don’t think it’s altering anything here.

    But that’s basically it. If my description doesn’t make sense you could go to videocenter and just watch a quick highlight or two if you have time so you can see how it works. It also has auto ad videos with the 15 second countdown where you can’t pause them or play any highlights until the video counts down to 0 and finishes. But I dont think thats the issue with the embedding.

    Hope this helps you pull of a Jerry Mcguire (as in, hope this helps you help me). Thanks for trying anyhow.

    Posted by SharkCircle | August 18, 2011, 07:49
  126. @FMR:

    That was a tricky one, because the embed code includes URL character codes, and those have to be converted to the actual characters they represent. Click here for version A:

    http://textsnip.com/4fe7e3

    And here for version B:

    http://textsnip.com/c53619

    Paste A in your HTML post editor if you want the complete thing as originally styled, paste B if you prefer the plain video without the extra black bar and the links at the bottom.

    @SC:

    Yes, that’s what I asked for, to see if there were alternative ways of finding the same video. But there’s nothing I can do after all. I tried several videos, and this particular bunch of highlights won’t load – while I have no trouble embedding others. Example here:

    http://textsnip.com/bcb2b2

    Posted by Panos | August 18, 2011, 13:16
  127. That is awesome. You’ve got skills, man. Thanks, I appreciate the assist!!!

    Posted by fogsmoviereviews | August 18, 2011, 13:40
  128. You’re welcome!
    (As for the “skills”, well, I happen to be the one who’s practically invented this hack.)

    Posted by Panos | August 18, 2011, 13:55
  129. I am trying to embed an apple video into wordpress.com but it won’t let me obviously. I found this thread and tried the gigya code. It got me a step closer and there’s at least a box showing now, but no video.

    blog: swsibtu.com

    embed code:

    gigya code I tried: [gigya src="http://trailers.apple.com/trailers/snowwhiteandthehuntsman/" width="540" height="410" quality="high" mode="transparent" allowFullScreen="true"]

    Thanks in advance!

    Posted by buff82 | November 10, 2011, 23:27
  130. The URL you’ve used says “the page you’re looking for can’t be found”. Link to the page with the video in question please.

    Posted by Panos | November 11, 2011, 08:01
  131. I’m trying to embed the video on http://zembla.vara.nl/Afleveringen.1973.0.html?&tx_ttnews%5Btt_news%5D=52467&tx_ttnews%5BbackPid%5D=1974&cHash=eb6d4e2175d3d06c2ffbb8463f38120f.

    You seem to be pretty handy with this.. But I do not want to bother you every time I don’t manage it myself. Can’t WordPress make it a bit easier for bloggers.. making a convertor or something?

    Posted by Martijnschut | November 21, 2011, 22:09
  132. a) I need a link to your blog.

    b) I’m not seeing a video on that page. If that’s because I don’t have Microsoft’s Silverlight, I’m not going to install it. I can tell you if and how the video code can be converted if you show me the code – see point 4 here first:

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

    c) No, WP can’t make it easier. If you ask them, their reply continues to be that you cannot embed flash, javascript or iframe based objects except the ones they officially support. The gigya shortcode was never meant for public use: it’s what you automatically get in your editor when sites provide a post-to-wp.com button. So my gigya workarounds are in essence hacks that WP doesn’t endorse.

    Posted by Panos | November 22, 2011, 00:33
  133. This one is giving me a real headache. It displays (and plays) in the Preview but will not Publish.

    http://s.wsj.net/media/swf/VideoPlayerMain.swf

    My latest attempt is:
    [gigya src="http://s.wsj.net/media/swf/VideoPlayerMain.swf" flashVars="videoGUID={17248341-D867-46A5-B39F-697856205D59}&playerid=1000&plyMediaEnabled=1&configURL=http://wsj.vo.llnwd.net/o28/players/&autoStart=false" width="512" height="363" type="application/x-shockwave-flash"]

    Am I missing something obvious?

    Posted by Colin Twiggs | November 22, 2011, 07:15
  134. a) http://martijnschut.wordpress.com.
    b) Yes, it’s with Silverlight. Try this alternative: http://player.omroep.nl/?aflID=13366117&wmv=true.
    c) Allright, thanks

    Posted by Martijnschut | November 22, 2011, 10:30
  135. Seems to have been a temporary (48-hour) problem with WordPress. Was now able to p[ublish the following:

    [gigya src="http://s.wsj.net/media/swf/VideoPlayerMain.swf" flashVars="videoGUID={17248341-D867-46A5-B39F-697856205D59}&playerid=1000&plyMediaEnabled=1&configURL=http://wsj.vo.llnwd.net/o28/players/&autoStart=false" width="512" height="363"]

    Posted by Colin Twiggs | November 22, 2011, 16:15
  136. @ MS: Sorry, that doesn’t work for me either. Copy the code, paste it in Textsnip and give me the Textsnip URL (see the link I gave you – repeated below).

    @CT: You can’t display code in a comment just by pasting it – see point 4 here:

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

    Correct shortcode here:

    http://textsnip.com/452b10

    Posted by Panos | November 22, 2011, 22:24
  137. Panos,
    Thank you for your help. It is working now.

    Regards, Colin

    Posted by Colin Twiggs | November 22, 2011, 23:11
  138. You’re welcome. Forgot to mention that you can change the width and height numbers to downsize the video, but you probably don’t need that.

    Posted by Panos | November 23, 2011, 00:52
  139. I seem to have a knack of finding new problems (or maybe it is just that I don’t understand the old solutions). Here is a textsnip: http://textsnip.com/08fbb1

    How do I separate this out for gigya? My first attempt (below) failed.

    [gigya src="http://www.vbs.tv/vbs_player.js?width=584&height=328&ec=lrb3l5MjqTlJS1ycsHqsz5o_DH-_Llu0&st=undefined&pl=http://www.motherboard.tv/2011/11/9/motherboard-tv-the-thorium-dream"]

    Posted by Colin Twiggs | November 28, 2011, 03:02
  140. Found a copy on youtube that I was able to publish, but still interested to know what the problem is with the above.

    Posted by Colin Twiggs | November 28, 2011, 03:17
  141. @CT: Not possible. That code is javascript. The gigya shortcode is for flash only (tag “object” and/or “embed”), not javascript or iframes.

    Posted by Panos | November 28, 2011, 22:38
  142. Thanks Panos. I still have a bit to learn.

    Posted by Colin Twiggs | November 28, 2011, 23:03
  143. Hi Panos!

    I’d like to embed a flashfile with streaming sound (URLRequest) and the sound is working if I just upload the swf and the mp3 to a random server but when I put it in gigya on my wordpress site the sound won’t work. Do you have any idea why that is and how I can solve it?

    Right now my gigya code is really basic.

    [gigya embed src='http://www.agnetasvavbod.se/globalfackliggrundkurs/varldskarta.swf' height='450' width='640' quality='high']
    

    The sound and the file can be used from here: http://www.agnetasvavbod.se/globalfackliggrundkurs/varldskarta.swf. Wrong size and in swedish but you will get the idea. The sound that’s not working in gigya is heard if you press Indonesia.

    Thanks in advance! :-)

    Posted by Monika Bjurman | December 6, 2011, 13:10
  144. I can convert any flash embed code, no matter how complicated, into a working gigya shortcode. And flash embed codes don’t have an attribute for sound or no sound. So, your shortcode isn’t exactly correct, but the issue isn’t the shortcode, it’s probably the SWF itself. Unfortunately I only know how to convert the codes I find: I have no experience whatsoever with creating SWFs, so I cannot tell what the problem might be.

    Posted by Panos | December 6, 2011, 21:59
  145. Maybe it’s got something to do with us not having a sound expansion in WordPress. As you could see on http://www.agnetasvavbod.se/globalfackliggrundkurs/varldskarta.swf the file itself works on other webpages so I don’t think that it is a coding error.

    Thanks anyway!

    Posted by Monika Bjurman | December 14, 2011, 10:37
  146. I don’t know. What I know is that I tried it again now and it’s working. Did you change anything in the meantime? If not, then maybe WP did. Or maybe there was some problem with the site where the file is stored.

    Correct shortcode here:

    http://textsnip.com/8930f7

    Posted by Panos | December 14, 2011, 11:05
  147. But hey, if I generate a htmlfile I get this:

    [Code relic removed – P.]

    It doesn’t say anything about flashvars but maybe it’s the answer anyway? As you can see I’m sadly almost as far from a code monkey as a person can be. ;-)

    Posted by Monika Bjurman | December 14, 2011, 11:06
  148. You can’t display code in a comment just by pasting it. See point 4 here and use Textsnip:

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

    Posted by Panos | December 14, 2011, 11:11
  149. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=11,0,0,0" id="varldskarta" width="640" height="450" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie" value="varldskarta.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ededed" />
    <embed src="varldskarta.swf" quality="high" bgcolor="#ededed" width="640" height="450" swLiveConnect=true id="varldskarta"
     name="varldskarta" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
     pluginspage="http://www.adobe.com/go/getflashplayer" />
    </object>
    

    Posted by Monika Bjurman | December 14, 2011, 11:50
  150. It doesn’t say anything about flashvars because you probably don’t have variables: a flash embed code generally includes flashvars if it offers customization options or if the source URL is the URL of a player into which you feed the file URL. But your source URL is the URL of the file itself.

    And the code you pasted doesn’t contain anything useful I haven’t already included in the working shortcode I gave you here:

    http://textsnip.com/8930f7

    (Did you see that reply or did you miss it?)

    Posted by Panos | December 14, 2011, 12:09
  151. I finally solved my problem. If i put my swf in another htmlpage or viewed it directly in a browser everything was peachy but to get my external soundfile to work i WordPress i had to remove my dynamic URLRequest adresses and change them to static ones (http://…) eventhough the swf and my mp3 was placed in the same place in the same domain. I hope that this solution can help some other person as new to flash in gigya shortcodes as myself. ;-)

    And thank you Panos for giving this blog so much of your time and effort.

    Posted by Monika Bjurman | December 14, 2011, 12:10
  152. Oh, I missed that answer and that was the solution to one of my problems. The other solution was the dynamic reference.

    Posted by Monika Bjurman | December 14, 2011, 12:13
  153. Any idea on how to get the BBC iPlayer videos to embed properly in WP?
    Here’s an example:
    [Code relic removed – P.]
    Cheers.

    Posted by Christopher Russell Goodall | December 22, 2011, 12:13
  154. Sorry, I used the wrong Code tags. Here’s the code:
    [Sourcecode removed – P.]
    Thanks for the Textsnip tip too. Here’s the result, to show you that I CAN follow instructions!

    http://textsnip.com/fa9ca2

    Posted by Christopher Russell Goodall | December 22, 2011, 12:18
  155. Thanks – that’s rare: I’ve got tired of having to link to my guidelines! Textsnip is better, to avoid this (among other reasons):

    So. Your BBC example is converted like the second example in my post. To make it easier, just keep this part:
    <embed ETC ETC ETC ETC /></object>
    And turn it to this:
    [gigya ETC ETC ETC ETC ]
    Dimensions can be changed.

    Posted by Panos | December 22, 2011, 15:56
  156. Thanks for the quick response Panos.
    I’ve adjusted the shortcode using your instructions but still no joy.
    Here’s the modified code I’m using: http://textsnip.com/fdc248
    From reading your Blog, it should work by just using the Gigya shortcode right? Or am I being totally stupid (more probable) and need to install a Plugin first?
    Sorry to be a pain. If I get this one right, then I should be OK for any future attempts!

    Posted by Christopher Russell Goodall | December 22, 2011, 17:06
  157. Your shortcode is wrong, but before we get to that: which blog are you talking about? I didn’t notice before that the one linked to your username isn’t a wordpress.COM blog.

    Posted by Panos | December 22, 2011, 22:04
  158. Hi Panos,
    I’m using my own hosted WordPress Blog from the .ORG site, although my username on the .COM site is Stoffershorty.

    Posted by Christopher Russell Goodall | December 23, 2011, 10:49
  159. I’m afraid that doesn’t really answer my question: question was in which blog you want to embed the video. So, assuming you want to embed it in a wp.COM blog, the right shortcode is this:

    http://textsnip.com/906fc5

    (The order of the attributes inside the brackets doesn’t matter, but you mustn’t omit allowScriptAccess and you mustn’t convert URL character codes like %2F to the actual characters they represent.)

    Posted by Panos | December 23, 2011, 11:23
  160. Hi again Panos, sorry for the misunderstanding.
    My Blog is http://www.ideal-country-property.com/blog but I’ve been searching the Internet and it seems that Gigya only works for WordPress.COM hosted blogs rather than the WordPress.ORG self-hosted ones.
    Thanks for trying though and for the correct shortcode. I will just have to do some more searching and find a plugin that will let me do a similar thing.
    Enjoy the December break.
    Cheers.
    Stoffer.

    Posted by Christopher Russell Goodall | December 23, 2011, 11:35
  161. Happy holidays to you too!

    As my comment guidelines (and my tagline) say, my blog is exclusively about wp.com blogs: wp.org blogs don’t work the same way. And yes, the gigya shortcode is for wp.com blogs. But I don’t understand: shouldn’t the original embed code work in your blog?

    Posted by Panos | December 23, 2011, 12:48
  162. That’s exactly what I thought Panos.
    UPDATE: After reading your comment, I thought I’d try publishing it anyway and guess what? It works! Obviously it doesn’t work in preview mode, even in a new window. Sorry for giving you that headache over nothing but I got there in the end thanks to your help.
    You can see the finsihed result here: http://www.ideal-country-property.com/blog/2011/12/doctor-who-christmas-special-trailer/
    You have a great blog here so keep up the good work and thanks again.
    Stoffer.

    Posted by Christopher Russell Goodall | December 23, 2011, 14:11
  163. See? The gigya shortcode doesn’t work in wp.org blogs because you don’t need it: in wp.com blogs we’re not allowed to use flash, javascript and iframe codes, while in a self-hosted blog you don’t have such a restriction.

    Posted by Panos | December 23, 2011, 19:14
  164. Trying to use the short code to embed a video from Colbert Nation, but despite them providing a full embed code, it isn’t working. Any thoughts? Here’s the URL to the video I’m trying to embed: http://www.colbertnation.com/the-colbert-report-videos/406796/january-24-2012/grim-colberty-tales-with-maurice-sendak-pt–1

    Posted by Jake Thomas | January 27, 2012, 16:27
  165. Copy the embed code. Change this part:

    <embed style=’display:block’ src=’http://media.mtvnservices.com/mgid:cms:item:comedycentral.com:406796′ width=’512′ height=’288′ type=’application/x-shockwave-flash’ wmode=’window’ allowFullscreen=’true’ flashvars=’autoPlay=false’ allowscriptaccess=’always’ allownetworking=’all’ bgcolor=’#000000′></embed>

    to this:

    [gigya src="http://media.mtvnservices.com/mgid:cms:item:comedycentral.com:406796" width="512" height="288" wmode="window" allowFullscreen="true" flashvars="autoPlay=false" allowscriptaccess="always" allownetworking="all" bgcolor="#000000" ]

    Paste result in HTML editor.

    Posted by Panos | January 28, 2012, 04:21
  166. I still can not get this right to save my life. I’m trying to put a “ESPN NBA Power Ranking Widget” on my right sidebar. What am I not doing the code is blow what do i need to do to post this? Everytime i try i just get a link and im using “Text Widget”……HELP HELP!!!!!! PLEASE!!!!!

    [Code relic removed – P.]

    Posted by basketballwithe | February 8, 2012, 03:19
  167. Panos,
    Thank you for your help with WordPress work-arounds and coding.

    However, I have had trouble embedding a flash video from C-Span. The original embed code can be found here: http://textsnip.com/5c7027

    I translated this into giga short code which can be found here: http://textsnip.com/98248d

    It appears to work in part. It leaves a big space (which is blank), the editor doesn’t touch it, and my Ad-Block treats it as something I could block. Yet it still is unplayable because there is only a space for the video, but no video. I have disabled/enabled Ad-Block, and disabled/enabled other possible add-ons which may block the video. I have also tested this in both Firefox and Google Chrome. In addition, you first example only shows an empty space.

    I’m tempted to think it is a problem on my end. But I have tested it on two computers, with and without filters. Any help you can offer would be greatly appreciated.

    Posted by Ben | February 13, 2012, 01:33
  168. Hi,
    You have omitted the crucial flashvars attribute. Correct shortcode here:

    http://textsnip.com/3c036c

    Posted by Panos | February 13, 2012, 01:48
  169. I had tried an failed to add a few of those attributes to the code, but was unsure which ones were important.

    Thank you so much!

    Posted by Ben | February 13, 2012, 05:03
  170. You’re welcome. And if you haven’t asked me such a question before, thanks for being careful with how to show me your code: rare case!

    Posted by Panos | February 13, 2012, 08:32
  171. You rock! This is exactly what I was looking for. Thank you.

    Posted by Kimberly Flaherty | February 18, 2012, 03:39
  172. I spoke too soon. The gigya short code worked for a day, then the video changed to something entirely different (and irrelevant). I doubled-checked the URL for the video (from the source) and that hadn’t changed. Tips? Thanks.

    Posted by Kimberly Flaherty | February 22, 2012, 22:24
  173. Hi,
    I can’t make a diagnosis if I can’t see the patient!
    If you’re talking about the site linked to your username, see point 1 here:

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

    If you’re talking about a different site, I need its URL.

    Posted by Panos | February 23, 2012, 01:55
  174. Hi, yes it’s the site linked to my username. It’s a wordpress.com site. The .org is a redirect because it’s associated with a nonprofit. The video URL is: http://dailynightly.msnbc.msn.com/_news/2012/02/17/10438027-breaking-down-cultural-barriers-with-dance. On Friday night, it embedded into the post and played perfectly using the gigya short code. The next afternoon, it was playing an entirely different video from the same network. I’m confounded. Appreciate your response.

    Posted by Kimberly Flaherty | February 23, 2012, 04:31
  175. Sorry, your username links to http://www.pmhs.org/ , and that’s not a wordpress.com site.

    Posted by Panos | February 23, 2012, 04:37
  176. So sorry! Our WordPress blog is: dancingclassroomspgh.org

    Posted by Kimberly Flaherty | February 23, 2012, 04:42
  177. That’s more like it!
    Click here for correct shortcode:

    http://textsnip.com/375e18

    Posted by Panos | February 23, 2012, 04:46
  178. Ah, ha! I was missing the Flash part of the short code. Wonder how it even worked the first night? Now, I have learned something new, thanks to you. Sorry again for initially directing you to the wrong site. I set up my profile so long ago I’d forgotten my primary site was our web site, not our blog. Cheers!

    Posted by Kimberly Flaherty | February 23, 2012, 04:58
  179. You’re welcome.
    Without the flashvars you’re just embedding their player; in that case it’ll probably play their latest available video, so it’ll change all the time.

    Posted by Panos | February 23, 2012, 05:06
  180. How do I embed this video in my blog? I tried the gigya shortcode & it didn’t work.

    [Code relic removed – P.]

    Posted by Ogechi Nwankwo | March 16, 2012, 16:15
  181. Check the red notice+link at the bottom please.

    Posted by Panos | March 16, 2012, 17:21
  182. Oh ok. Let me try this again:

    http://textsnip.com/73eafd

    Posted by Ogechi Nwankwo | March 16, 2012, 17:53
  183. Right shortcode here:

    http://textsnip.com/0c6d8c

    Posted by Panos | March 16, 2012, 18:01
  184. I am soooo incredibly grateful!! God bless you!:-D

    Posted by Ogechi Nwankwo | March 16, 2012, 18:06

Trackbacks/Pingbacks

  1. Pingback: Using Prezi: A review « Digital Substitute - May 27, 2011

  2. Pingback: Inserint de tot a WordPress amb gigya | TecnoBlog - April 6, 2013

  3. Pingback: How to embed in wordpress.com an autoplay video from youtube » OpenAlfa Blog - June 11, 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,627,661 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: