Guide How to properly embed pictures and videos into posts

Discussion in 'Board Help' started by Sui, Oct 22, 2016.

  1. Sui

    Sui HSP Lord

    There have been a number of posts from as of late where users have failed to embed the photo or video properly, resulting in this:
    [​IMG]
    It happens to the best of us, sometimes even I mess it up. The good thing with UPSB v5 is everything is integrated so you don't need to mess around with BB codes to try to get the picture or video to load.

    Notes:
    • Imgur is the easiest and quickest way to upload photos. Either make an account to keep track of all the pictures you've taken or don't, it doesn't really matter.
    • If I see any posts with pictures or videos that have failed to be embedded properly I will report your comment because I hate you.
    Embedding pictures:
    Step 1: Import the photo you have taken onto your computer and place it somewhere you can easily access it.
    Step 2: Open imgur.com and click "New Post" at the top left. You can either drag and drop the picture(s) or browse through your file directory to find it.
    [​IMG]
    [​IMG]
    Step 3: Wait for the picture to finish processing before doing anything
    [​IMG]
    [​IMG]
    Step 4: Once the picture has finished processing, right click the image and select 'Copy Image Address'. The reason why you copy image address is because sometimes copying the URL in the address bar isn't the direct link to the picture you uploaded.
    [​IMG]
    Step 5: Go to the thread where you would like to post the image and click this icon above the comment box
    [​IMG]
    Step 6: Paste the image address you copied earlier from Imgur the box provided and then click 'Insert'.
    [​IMG]
    If done correctly the picture will load in the comment box and you can add a description or post the picture as is.

    Embedding videos:
    Pretty much the same process as pictures but a bit easier.

    Step 1: Navigate to the video you want to post, either YouTube, vid.me, Vimeo etc. In most cases copying the URL in the address bar and using that link to embed the video works but if it doesn't then copy the direct video URL.
    [​IMG]
    Step 2: Go to the thread where you would like to post the image and click this icon above the comment box
    [​IMG]
    Step 3: Paste the video URL you copied earlier and then click 'Insert'.
    [​IMG]
    Step 4: If embedded properly it will look like this
    [​IMG]
    From there you can add any text or descriptions you want. If the video does not embed properly, make sure you copied and pasted the directed video URL instead of just the URL in the address bar.
     
  2. AéthylliA

    AéthylliA Member

    Cool! Thanks, Sui. Great tutorial.

    [​IMG]
     
    Sui likes this.
  3. Sui

    Sui HSP Lord

    I KNEW IT LOL
     
  4. coffeelucky

    coffeelucky pen all-rounder

Share This Page