How to put videos on your Protopage

You can put all sorts of custom content into your Protopage using the Edit as: HTML option in your sticky notes.

To see what is possible, take a look at our demo page.

To get started, go to YouTube.com and find a video clip you like (or upload your own).

Then, copy the code listed underneath the video in the box labelled ‘Embeddable Video’.

Now, add a new sticky note to your page, resize it so that it’s large enough to fit the video inside, and then click the edit button. Choose Edit as: HTML at the bottom of the text area, and paste in the code copied from the YouTube video clip page.

Click Save Changes, and you’re all done! If you make your page public, you can now even share the video clips on your Protopage with friends (hover over page numbers in the bottom right of your Protopage and click the padlock icons to make each numbered page public or private).

36 Responses to “How to put videos on your Protopage”

  1. pinch Says:

    great job…
    I have just few problem with RSS (for this blog :)

    ++

  2. pinch Says:

    in fact, it’s ok :)

  3. james kent Says:

    nice and easy then!!
    just don’t edit it in rich text mode :)

  4. Adam Says:

    Should this work with a javascript method, like this one:

  5. Adam Says:

    That didn’t work, but i just have a script in the page that isn’t loading.

  6. Aaron Ball Says:

    Is it possible to move the protopage I have created onto my own web address? Kind of like how Blogger allows me to publish my own blog on my webspace.

  7. Chris Says:

    Will the sticky note panel support embedding other/any javascript code?

  8. Protopage Team Says:

    If you have your own domain name, you can point it to your Protopage by following the instructions from your domain registrar to perform a redirect. Because of the complex server side, it is not possible to ‘publish’ a page to external web space.

    We don’t have javascript support inside panels yet, but it’s coming soon. To put images in your Protopage, you need to use an IMG tag in your HTML sticky note, e.g.

    <img src="http://www.yankeemagazine.com/webcam/image.jpg"&gt;

  9. Adam Says:

    Thanks, I’m really enjoying the service and am telling all my friends about it.

  10. Gary Says:

    How would I go about putting weather in a panel? Any ideas?

  11. Protopage Team Says:

    If you’re interested in weather, watch this blog for announcements over the next two weeks…

  12. mrvideotalk Says:

    Thanks, This video is working out great.I’m telling my videobloggers about it.

  13. phillytim Says:

    how do you embed a viewable webpage in a sticky note/window on protopage? i don’t just want the text link, i want the pre-rendered webpage to be already viewable in a window for users when they come to my page.

    [ps: you guys have a great thing going here! thanks!]

  14. LSuply Says:

    Is there any way to do the same thing with audio files ?

    By the way, great job, Protoguys :)

  15. john gray Says:

    hey i used the sticky note to insert my xbox live gamer card………………..see http://www.protopage.com/johngray

  16. Zeerus Says:

    I managed to stream live music on my Protopage using the OBJECT EMBED lines. You can see it over at http://www.protopage.com/textonic

    maybe you all should add a widget that allows you to choose from a list of popular online radio stations and then add them to your protopage. I think that would be a pretty cool feature for the future

  17. JP Says:

    Just mocked this up from the del.icio.us website…
    Creates a little widget to add a link to your own del.icio.us link list.
    If you put it next to a RSS feed of your del.icio.us user name makes quite a nice system.
    Just replace YOUR_USER_NAME_HERE with your user name to use.
    Hope someone finds it useful!

    url

    description

    required

    notes

    tags

    del.icio.us

  18. JP Says:

    Sorry meant this(!)

    Just mocked this up from the del.icio.us website…
    Creates a little widget to add a link to your own del.icio.us link list.
    If you put it next to a RSS feed of your del.icio.us user name makes quite a nice system.
    Just replace YOUR_USER_NAME_HERE with your user name to use.
    Hope someone finds it useful!

    &ltform id=”delForm” name=”delForm” method=”post” target=”_blank” action=”http://del.icio.us/YOUR_USER_NAME_HERE”&gt
    &lttable&gt
    &lttbody&gt
    &lttr&gt
    &lttd class=”rs”&gturl&lt/td&gt
    &lttd&gt&ltinput name=”url” id=”url” value=”” size=”30″ type=”text”&gt&lt/td&gt
    &lttd&gt&lt/td&gt
    &lt/tr&gt
    &lttr&gt
    &lttd class=”rs”&gtdescription&lt/td&gt
    &lttd&gt&ltinput name=”description” id=”description” value=”” size=”30″ type=”text”&gt&lt/td&gt&lttd&gt
    &ltspan class=”smaller important” align=”left”&gt required&lt/span&gt
    &lt/td&gt

    &lt/tr&gt
    &lttr&gt
    &lttd class=”rs”&gtnotes&lt/td&gt
    &lttd&gt
    &lttextarea name=”notes” id=”notes” rows=”2″ cols=”18″&gt&lt/textarea&gt
    &lt/td&gt
    &lt/tr&gt
    &lttr&gt
    &lt/tr&gt&lttr&gt
    &lttd class=”rs”&gttags&lt/td&gt

    &lttd&gt&ltinput id=”tags” name=”tags” value=”” size=”30″ autocomplete=”off” type=”text”&gt&lt/td&gt
    &lt/tr&gt

    &lttr&gt
    &lttd class=”rs”&gt&ltinput value=” save ” type=”submit”&gt&lta href=”http://www.del.icio.us/YOUR_USER_NAME_HERE&gtdel.icio.us&lt/a&gt&lt/td&gt
    &lttd&gt&lt/td&gt
    &lt/tr&gt
    &lt/tbody&gt&lt/table&gt
    &lt/form&gt

  19. .. Says:

    im having trouble with my video. my friends cant see it..they say that it comes up as not availabe…its kinda too bad because i really wanted them to see my video clips

  20. Bonifacius Says:

    Great article. I am just sad I dont know how to reply properly, though, since I want to show my appreciation like many other.

  21. AMITRIPTYLINE Says:
  22. Dot Says:

    Have you guys seen the rss calendar at http://www.rsscalendar.com? I’ve been tryingto run it through my protopage and jumped in here to see why it didn’t work – now i know that you don’t have javascript support inside panels yet – when you do this will be great.

    Really enjoying using protpage
    Thanks

  23. FreeBee Says:

    Indeed, Dot. That WOULD be nice :)

    But what we can do already, is read the RSS feed from such calendars.

    We could request that they add .js support in v3. I’m sure the Protopage Team will love to try, if they’re not already on it :)

  24. FreeBee Says:

    For those who like to look at photographs of cute and/or sexy ladies (no porn), simply paste one of the blocks of code from http://flickrbabes.slide.com/ into the html editor of a sticky note for a slideshow: INSTANT CUTENESS!

  25. Miranda Says:

    How do I delete a page?

  26. Dena Says:

    Can I post a document for others to click on and print from home?

  27. jimmy Says:

    jihhj

  28. VAT Says:

    Does any1 know how to add your own music on Protopage?

  29. Rosie Says:

    I thank you for your comment.

  30. Lena Says:

    Trying to upload a video in a HTML sticky note but cant get it work. The video is saved on my harddisc C: – how do I make it???

    Any help would be great!

  31. logan Says:

    you just copy the URL(unless you cant) and then do HTML and then paste

  32. miss Ristau Says:

    Thankyou soo much for those clear directions on how to put videos on your webpage! you have really helped me out and made my day! thanks again.

  33. jaw crusher Says:

    Excellently written article, if only all bloggers offered the same content as you, the internet would be a much better place. Please keep it up!

  34. nicole Says:

    how do i make it so my friends can go to my website without being able to edit it??

  35. Maggie Says:

    You are so awesome for helping me solve this mstyrey.

  36. sywwyzj Says:

    rOB3gq mtyvjrhfyqty