Making the most of video
To make the most of video material on your web site we’ve included a number of features in The Pro Expert to enable them to be integrated and shown at their best – simply and easily.
Let’s run through what you can do and how to do it.
- We have provided simple support both for YouTube videos (and other videos available via iframe embedded codes e.g wistia ) and video files in mp4 format. The latter is supported in modern browsers. Files in other formats can usually be converted into mp4 easily. Please post a forum question if you need help with a particular type of conversion.
- There are two custom page templates available to make it easy to show full page width videos. One template is called YouTube Page and the other is called Video Page.
- To use the YouTube template create a new page and then in the WordPress Page editor select the YouTube custom template.
On YouTube the embed code you need is available under “share” which is listed below the video. We recommend selecting a size of 640 x 360.
Then paste the embed code you have obtained for the YouTube’s video page along with any header or footer text you wish to display.
The YouTube embed code will look something like this …
<iframe width=”640″ height=”360″ src=”https://www.youtube.com/embed/RhMP0iNzH0Q” frameborder=”0″ allowfullscreen></iframe>
Important The embedded code obtained from YouTube contains height and width settings (like width=”640″ height=”360″ shown above). Remove them. If you don’t the video will only be partially responsive.
For an MP4 video file the set up is similar but simpler than the method for YouTube.
Select the Video Page template when you set up your page.
then fill in details in the MP4 box – like the one shown below.
You will be able to upload short videos as WordPress media files but larger files will need to be loaded by other means e.g by FTP. Either way you will need to insert the URL.
The text fields are fairly self explanatory. The Poster image is optional. It specifies an image to be shown while the video is downloading, or until the user hits the play button. Aim to make the image the same dimensions as the video. The page is optimized for videos with a size ratio of 16:9.
- Videos can also be included within normal pages and if you drop the height and width settings on YouTube video embeds (as described earlier) you will again make the video fully scaleable.
- Please use the forum for further help. There are lots of potential issues when using videos but there is a good chance we will have a solution.