Multimedia in WordPress: Video
WordPress supports a variety of multimedia. In this tutorial I will go over embedding video into your posts and pages.
Videos are best displayed using Vimeo or Youtube, both services where you can create free accounts where you can upload your videos and from which you can create embed codes so you can view those videos on your portfolio. What’s great about these services is that the processing power required to run the video comes from the original source (Vimeo or Youtube) rather than our servers here at Bluehost. This allows your website to run a lot faster as you continue to add video content.
Vimeo and Youtube videos both look good when imported using an iframe embed code like these (remember to put add this in the Text editor, NOT the Visual editor):
<iframe src=”//player.vimeo.com/video/2165451″ height=”315″ width=”560″ allowfullscreen=””></iframe>
<iframe src=”//www.youtube.com/embed/5kQZln0Z4NI” height=”315″ width=”560″ allowfullscreen=””></iframe>
The embed codes can be found on the youtube and vimeo pages where your video is hosted. Just click on the “share” buttons.
When you add those codes to your text editor, your video will show up on your website like this:
If you’re interested, you can also embed a Youtube playlist using the playlist embed code (again, remember to put add this in the Text editor, NOT the visual editor). Also, you will notice that some WordPress templates will take just the Youtube URL, but it’s best to use an iframe code like this one.
<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/videoseries?list=SPCAC66DEEFFEDD36E” frameborder=”0″ allowfullscreen></iframe>