How to Embed Pictures and Videos in your Posts

Tagged: , ,

Viewing 15 reply threads
  • Author
    Posts
    • #103949

      We’ve had a number of questions in the past about how to embed pictures and videos into your forum posts. With this quick tutorial I hope to answer any future questions on this topic.

      [size=150:1o4onxp4]Embedding Images[/size:1o4onxp4]

      There are two main ways to embed images here on Singletracks:

      1. Image Hosted Elsewhere

      If you want to embed an image that is hosted elsewhere on the internet, first get the direct url to that image (it should end with .jpg .jpeg .gif .tiff or something similar).

      Then, when drafting your post, click the Img button at the top. It will bring up a pair of tags that look like this:
      [code:1o4onxp4][img][/img][/code:1o4onxp4]

      Past your image URL in between the two code tags, like so:
      [code:1o4onxp4][img]http://i1225.photobucket.com/albums/ee393/gregridestrails/People/Raw00127.jpg[/img][/code:1o4onxp4]

      The result:
      Image

      2. Image hosted on Singletracks

      As you’re probably aware, you can upload any and all of your mountain bike related photos to Singletracks.com. Whether it’s a photo of a trail, a piece of gear, or your buddy crashing, there’s a place for it here on Singletracks. If you want to upload one of your MTB photos and have it hosted here and then include it in a forum post, or if you simply want to include a photo that you’ve found in our massive archive of well over 30,000 photos….

      First, find the page of the photo you want to share:
      Image

      Second, look over to the right at the MTB photo dashboard, and click on the Share button:
      Image

      Copy the Forum Code:
      Image

      And then paste it into the forum post that you are drafting!

      The result:
      Image

      [size=150:1o4onxp4]Embedding Videos[/size:1o4onxp4]

      Embedding videos into your posts can be a little trickier, but with these tips it should be a cinch!

      First, find the video that you want to imbed from a place such as Youtube.

      Second, click on the Flash button at the top of the forum post editor. A code will appear that looks like this:
      [code:1o4onxp4][flash=][/flash][/code:1o4onxp4]

      Third, paste the URL from the video in between the flash tags:
      [code:1o4onxp4][flash=]http://www.youtube.com/watch?v=Cj6ho1-G6tw&feature=player_embedded[/flash][/code:1o4onxp4]

      Fourth, we’re going to need to trim down the URL a little bit. Start by taking off the feature embedded part, if it’s there:
      [code:1o4onxp4][flash=]http://www.youtube.com/watch?v=Cj6ho1-G6tw[/flash][/code:1o4onxp4]

      Then, take off the watch and the = and add in a forward slash between the v and the code:
      [code:1o4onxp4][flash=]http://www.youtube.com/v/Cj6ho1-G6tw[/flash][/code:1o4onxp4]

      Finally, insert width and height values for the video itself. Example: 425 by 350:
      [code:1o4onxp4][flash=425,350]http://www.youtube.com/v/Cj6ho1-G6tw[/flash][/code:1o4onxp4]

      The result:
      [flash=425,350:1o4onxp4]http://www.youtube.com/v/Cj6ho1-G6tw[/flash:1o4onxp4]

      [size=150:1o4onxp4]Embedding Vimeo Videos[/size:1o4onxp4]

      Change the ID number in the video below to correspond to the Vimeo video that you want to embed:

      [code:1o4onxp4][flash=500,282]http://vimeo.com/moogaloop.swf?clip_id=133142907[/flash][/code:1o4onxp4]

      Alternate

      Alternatively, if the video has already been posted somewhere on Singletracks, look to the right, click on Share, and copy the Forum Code and just paste that into your post.

      Image

      Hopefully this little tutorial has answered all of your questions on how to embed pictures and videos into your posts. If not, please feel free to ask a question: just respond to this forum topic, and we’ll try to help you out!

      Cheers, and happy posting!

    • #103950

      This is great! I have the hosted images elsewhere part down but didn’t know about the sharing of the ones already here,or how to get the Youtube video up in the post.Thank you! I’m gonna go try it out on a video right now. 😎

    • #103951
      "GALAXY" wrote

      This is great! I have the hosted images elsewhere part down but didn’t know about the sharing of the ones already here,or how to get the Youtube video up in the post.Thank you! I’m gonna go try it out on a video right now. 😎

      Cool man, I’m glad to have been able to help!!

    • #103952

      Thanks; I learned something new while watching the rain turn tomorrow’s mtb ride into a road ride 😢

    • #103953
      "RoadWarrior" wrote

      Thanks; I learned something new while watching the rain turn tomorrow’s mtb ride into a road ride 😢

      Haha well glad I could help! I might be running tomorrow…

    • #103954
      "mtbgreg1" wrote

      I might be running tomorrow…

      Someone steal all your bikes?

    • #103955
      "schwim" wrote

      [quote="mtbgreg1":ahjp0cmh]I might be running tomorrow…

      Someone steal all your bikes?[/quote:ahjp0cmh]

      Going to be pouring rain all day. Planning on a run either tomorrow or Sunday. Got a great ride in today, though!

    • #103956

      I got out yesterday with the little one as well. I always feel like I’ve won something when I manage to sneak an impromptu ride in 😀

    • #103957

      Does this work with vimeo.com too? I didn’t get it done here

    • #103958
      "ollysj" wrote

      Does this work with vimeo.com too? I didn’t get it done here

      IDK, I haven’t been able to get it to work with vimeo yet… but if you figure it out, let us know!

    • #103959

      There is supposed to be a vimeo bbcode in the latest version of phpBB but it doesn;t seem to be working.

      Trek7k, is this something you have looked into?

    • #103960
      "mtbgreg1" wrote

      IDK, I haven’t been able to get it to work with vimeo yet… but if you figure it out, let us know!

      Will do 😆

    • #103961
      "ollysj" wrote

      [quote="mtbgreg1":3o6sz7pt]IDK, I haven’t been able to get it to work with vimeo yet… but if you figure it out, let us know!

      Will do 😆[/quote:3o6sz7pt]

      Here you go, this is how you embed Vimeo clips:

      [ flash=500,282]http://vimeo.com/moogaloop.swf?clip_id=83376218[ /flash]

      Just remove the two spaces in front of flash and /flash, then it will look like this:

      [flash=500,282:3o6sz7pt]http://vimeo.com/moogaloop.swf?clip_id=83376218[/flash:3o6sz7pt]

      /Leo

    • #103962
      "Hillside Cycling" wrote

      [quote="ollysj":1awpeuwb][quote="mtbgreg1":1awpeuwb]IDK, I haven’t been able to get it to work with vimeo yet… but if you figure it out, let us know!

      Will do 😆[/quote:1awpeuwb]

      Here you go, this is how you embed Vimeo clips:

      [ flash=500,282]http://vimeo.com/moogaloop.swf?clip_id=83376218[ /flash]

      Just remove the two spaces in front of flash and /flash, then it will look like this:

      [flash=500,282:1awpeuwb]http://vimeo.com/moogaloop.swf?clip_id=83376218[/flash:1awpeuwb]

      /Leo[/quote:1awpeuwb]

      Right on, thanks!!

    • #585820

      To embed a video in a new post, access your WordPress admin area > Posts > Add New. Click on Add Video in the WYSIWYG editor menu and then click on the From URL. In the Video URL field type the URL of the video you want to embed into your post. Type its title in the Title field.

    • #585882

      Hi there. mb it would be useful, you can use https://www.capsulink.com/ to shorten your links. have you ever use such services? using it you have to make sure that they used the link without restriction in important places that should link to the website in the long run. Otherwise, it may happen that the shortened address suddenly stops working at some point.

Viewing 15 reply threads

You must be logged in to reply to this topic.