🥓's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Hosting videos (embed or HTML)

Some people like to have youtube videos and such on their profile/blog/bulletin posts. I'm writing this for people who are unsure on how to do that but also teach you some other ways and sources on how and where you can upload your video and post them in profile/blog/bulletin posts. Please if you know of any other's leave a comment and I'll update the blog post with credits and link to your name. Let's get started 


Youtube (PC only)

  1. Find a video you would like to use.
  2. Click the share button
  3. Click on embed
  4. Then click copy and paste the code where you would like to (note: When pasting it into a blog or bulletin make sure you change the mode from WYSIWYG to HTML before pasting).


Instagram (PC or mobile) 

  1. Find a photo/video you would like to use (your own or another Instagram user)
  2. Click on the three dots, top right of the photo (see image below).
  3. Select Embed
  4. Copy code and paste where you would like it.

(please if anyone can confirm if the app is the exact same, I don't have it/use Instagram anymore).

Self hosting (With ShareX)

I'm sure there are other sites, let me know if you use any I'm just using ShareX in this example. The supported video file formats are MP4, WebM and Ogg. Let's start with the HTML code first! You can control the size of the player by changing the values in the first part of the code "Width & Height".

<video width="320" height="240" controls>
      <source src="Video URL goes here" type=video/mp4>
    </video>

Now lets get a source URL for your video and code! If you haven't already download and install ShareX.
  1. With ShareX installed, right click on the video file you have on your computer and select "Upload with ShareX".
  2. Once it has uploaded it will play a little sound and a link will appear bottom right corner (if you are quick click on it) 
  3. If you miss it, don't fret right click on the system tray icon of ShareX and you can find the link in "recent links" you can either left click to copy the URL or you can right click to open the URL up directly 
     
  4. Your URL should be something like https://puu.sh/IpIkc/02b1470922.mp4 (numbers and such will be different but should start with puu.sh and end in the video format (MP4, WebM or Ogg).
  5. You should have something like this (see example) also remember to put into HTML mode and not WYSIWYG mode.
Example:
Here are some other commands you can use this goes in the video tag up the top after controls. There are more commands but I'll only include two: 

autoplay - Starts the video by itself
loop - Loops the video

Any questions/suggestions please leave a comment!
Thank you :)


20 Kudos

Comments

Displaying 6 of 6 comments ( View all | Add Comment )

🥓

🥓's profile picture
Pinned

Also note if you are doing iframe (youtube for example) code in bulletin or blog posts, make sure you switch to HTML mode first!


Report Comment

Blitz Siddhartha 10,000-GM5D

Blitz Siddhartha 10,000-G...'s profile picture

Don't know how you would convert WYSIWYG to HTML as you didn't explain


Report Comment

leafy!! ★

leafy!! ★'s profile picture

for some reason the self hosting option isnt working :(

my code just gets deleted from blogs/bulletins, any reason why?


Report Comment

IsacBecker

IsacBecker's profile picture

Thank you for your helpful notes. I'll try again and run geometry dash online again to restart the program.


Report Comment

lädÿ ëllÿ thør øf müffïns

lädÿ ëllÿ thør øf müffïns's profile picture

i was JUST about to try and figure this out! THANK YOU SO MUCH! you saved me a lot of time and A LOT of trial and error!


Report Comment



Oh awesome! Thank you.
Glad it is of help :D

by 🥓; ; Report

Goblin Teatime

Goblin Teatime's profile picture

Very helpful! Thank you!


Report Comment



No problem, glad to hear :)

by 🥓; ; Report