I’ve been doing alot of video for people lately. I wish that there were not so many new things to learn and I could just rest easy but alas, things keep changing! Damn you web. In this post I am going to focus on embedding a video inside a WordPress page.
Two of the most popular hosting platforms today are YouTube and Vimeo and they’re both great options for hosting but there are some big differences when it comes to each one and it’s important to know project goals before you choose a platform because that will guide you to YOUR right answer. You can read about it in one of my previous blog posts.
Embedding a post inWordPress is easy because you can just add the URL (ie: https://vimeo.com/ 242165385) without having to copy and paste the embed code but only if you don’t want to control your size and options (hint: you always do!). If you want to control your options you will need the embed code.
Embed code looks like this:
<iframe src=”https://player.vimeo.com/video/240430057?title=0&byline=0&portrait=0″ width=”1280″ height=”720″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
To get the embed code in vimeo:
A. Click on share in your video and you will see options pop up
B. Click the text that says show options and choose your preferred settings (loop, size, color, byline, etc)
C. Copy the embed code to your clipboard
D. Paste it in your WordPress page using the text (html) editor (not the visual one)
Notice that you can change the width and height in the code but keep your proportions in mind otherwise your video will be squishy and that’s ugly.
…VOILA! A video that spans the width of your column.
Youtube works the same way (you click share, copy embed code and then paste it into your WordPress page) but don’t be alarmed if the options looks a little different, just look around for the embed code, it’s there!
Vimeo is my preferred platform so I know it best. If you want more options in Vimeo you will need to upgrade to the premium account and then change your settings. I have a preset that I use to get rid of all the clutter (Watch, Add to Collection, Like,Vimeo Branding, etc). Nobody likes a dirty room PLUS if I make a mistake AFTER I upload, which I always do, I can replace it rather than add another.
Both platforms keep changing what you can and can’t do (especially Vimeo) based on your payment plans, but they need to make money somehow and it’s totally worth it for me.
Sometimes you just have to use HTML5 video instead of YouTube or Vimeo. It’s a bit more complicated than just embedding a file into a page but a girls gotta do what a girls gotta do! In a nutshell you have to:
- Convert your video into 3 different formats: OGV, WebM and MP4 which you can do here: https://convertio.co/files/
- Upload the via FTP to your server
- Point to that URL to reference the videos.
In case you haven’t already figured out it’s way easier to use youTube and Vimeo! So have fun with your video and get to it.