Video files can be quite large, and in general, it’s best to store them on a video sharing website, like YouTube or Vimeo. You can share videos you have uploaded to your own account, or videos that were created by others using an iFrame embed code. We’ll need to adjust the iFrame code to a shortcode on your portfolio site, but the steps you need to take are pretty simple.
If you want to upload a video to YouTube, you can find instructions on Google’s support pages at this link. Make sure you understand any copyright restrictions on the content you are uploading, and be sure you have permission to upload the video.
First, you will need to get the video’s embed code. Regardless of what service you are using, most embed codes live under a “Share” menu (although if you see a link labeled “Embed” you can jump to the next step).
When you click that link, you want to make sure you find the “Embed” menu. On YouTube, it looks like this:
You need to copy the entire string of code in the box:
For this example, the code you will copy is:
<iframe width="560" height="315" src="https://www.youtube.com/embed/r-jfQqnn4Wg" frameborder="0" allowfullscreen></iframe>
Your link may not look exactly like this, but It will always begin with <iframe… and end with </iframe>. Paste this entire line of code into the post editor where you want the video to appear.
Next, you need to change the notation to be a shortcode that WordPress can use. First, change the first < to a [.
Then, change the ending ></iframe> to a ]. In the example I’m using on this screen, my shortcode will look like this:
You will only see this shortcode in the post editor, but when you publish your post, you should see the video embedded, like this: