Embed Kickstarter on WordPress

• 

  onyouth · Member · Jan 10, 2013 at 3:13 pm

  • Copy link
  • Add topic to favorites

  I cannot upload the Kickstarter embedded video on to my site. I’ve read a lot on the forums on how to do this, but I just don’t understand much about all this coding. Some say that it’s possible and others say that with an iframe code it is impossible. This is the code given by Kickstarter –

  <iframe width=”800″ height=”600″ src=”http://www.kickstarter.com/projects/on-youth/on-youth/widget/video.html” frameborder=”0″> </iframe>

  here is the kickstarter page –
  http://www.kickstarter.com/projects/on-youth/on-youth

  and the wordpress website –
  http://www.on-youth.com

  Please let me know if anyone can explain what I can do in lay man terms!

  Thank you in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Jan 10, 2013 at 8:51 pm

  • Copy link

  It’s possible but a bit complicated. See this post of mine:

  Inserting Kickstarter videos

• 

  onyouth · Member · Jan 10, 2013 at 9:19 pm

  • Copy link

  I can’t seem to view the source code for the video. I’m on a mac, and using firefox, right click doesn’t show the option and neither does the view tab….

• 

  onyouth · Member · Jan 10, 2013 at 9:19 pm

  • Copy link

  Thanks for the help by the way!

• 

  justpi · Member · Jan 10, 2013 at 9:37 pm

  • Copy link

  In Firefox: Tools menu > Web Developer > Page Source.

• 

  onyouth · Member · Jan 10, 2013 at 10:02 pm

  • Copy link

  So now you know how much of a novice I am! having some trouble. Can I send you an email of the code that I’m pasting into the post? My email address is (email visible only to moderators and staff)

• 

  onyouth · Member · Jan 10, 2013 at 10:04 pm

  • Copy link

  oh, so they don’t let us do that here!

• 

  onyouth · Member · Jan 10, 2013 at 10:06 pm

  • Copy link

  This is what I’ve put in [gigya src="http://www.kickstarter.com/swf/kickplayer.swf" width="480" height="360" allowfullscreen="true" allowscriptaccess="always" wmode="opaque" flashvars="value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="opaque" /><param name="menu" value="false" /><param name="flashvars" value="backcolor=000000&file=https%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F424352%2Fvideo-195089-h264_high.mp4&image=https%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F424352%2Fphoto-full.jpg&project_creators=A+Documentary+project+by+On+Youth&project_title=On+Youth&project_url=http%3A%2F%2Fwww.kickstarter.com%2Fprojects%2Fon-youth%2Fon-youth&screencolor=000000&skin=%2F%2Fwww.kickstarter.com%2Fswf%2Fkickskin.swf" />" ]

• 

  justpi · Member · Jan 11, 2013 at 3:12 am

  • Copy link

  “So now you know how much of a novice I am!”
  Well, actually that option in Firefox isn’t where one would first look for it. In Safari it’s a lot easier: View menu > View Source.

  Correct shortcode:
  [gigya src="http://www.kickstarter.com/swf/kickplayer.swf" width="480" height="360" allowfullscreen="true" allowscriptaccess="always" wmode="opaque" flashvars="backcolor=000000&file=https%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F424352%2Fvideo-195089-h264_high.mp4&image=https%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F424352%2Fphoto-full.jpg&project_creators=A+Documentary+project+by+On+Youth&project_title=On+Youth&project_url=http%3A%2F%2Fwww.kickstarter.com%2Fprojects%2Fon-youth%2Fon-youth&screencolor=000000&skin=%2F%2Fwww.kickstarter.com%2Fswf%2Fkickskin.swf" ]

  For a full-width insert, change the width to 620 (and the height to whatever you prefer – up to 465).

• 

  justpi · Member · Jan 11, 2013 at 3:15 am

  • Copy link

  PS If you don’t like the default black bg bars, change 000000 to ffffff.

• 

  onyouth · Member · Jan 11, 2013 at 12:00 pm

  • Copy link

  THANK YOU SO MUCH!!! :D You are a true star!

• 

  tonycliffordfilms · Member · Feb 8, 2013 at 8:42 pm

  • Copy link

  I have been trying this to no avail.

  This is what I have put in and nothing.
  
  gigya src=”http://www.kickstarter.com/swf/kickplayer.swf” width=”480″ height=”360″ allowfullscreen=”true” allowscriptaccess=”always” wmode=”opaque” flashvars=”backcolor=000000&file=https%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F424352%2Fvideo-195089-h264_high.mp4&image=https%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F424352%2Fphoto-full.jpg&project_creators=A+Documentary+project+by+On+Youth&project_title=On+Youth&project_url=http%3A%2F%2Fwww.kickstarter.com%2Fprojects%2Fon-youth%2Fon-youth&screencolor=000000&skin=%2F%2Fwww.kickstarter.com%2Fswf%2Fkickskin.swf”

• 

  tonycliffordfilms · Member · Feb 8, 2013 at 8:44 pm

  • Copy link

  My mistake.
  THIS is what I have been trying to put in. I tried onyouth’s one to see if it worked and it also didn’t
  
  [gigya src="http://www.kickstarter.com/swf/kickplayer.swf" width="480" height="360" allowfullscreen="true" allowscriptaccess="always" wmode="opaque" flashvars="backcolor=000000&file=https%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F415860%2Fvideo-197210-h264_high.mp4&image=https%3A%2F%2Fs3.amazonaws.com%2Fksr%2Fprojects%2F415860%2Fphoto-full.jpg&project_creators=A+Film+%26+Video+project+by+Freddie+Wong&project_title=Video+Game+High+School%3A+Season+Two&project_url=http%3A%2F%2Fwww.kickstarter.com%2Fprojects%2Ffreddiew%2Fvideo-game-high-school-season-two&screencolor=000000&skin=%2F%2Fwww.kickstarter.com%2Fswf%2Fkickskin.swf" ]