TUTORIAL: How To Embed A Video Into A WordPress Page Or Post

Tags: , , , , , , .

Posted 3 years ago

HR

TUTORIAL: How To Embed A Video Into A WordPress Page Or PostWith the release of the latest version of WordPress, many new and attractive features and functions have been made available for WordPress users. One of those features includes easy access to video embedding into a WordPress page or post. It’s quite east to do this in your WordPress site or blog now, as the latest version of WP has an excellent MediaElement.js JavaScript library, which can output an HTML5 or Flash player, depending on the browser type and the device.

The process of uploading a video file that you have in your PC into the WordPress page is something like this:

HR
  • Start with adding or editing a page or post.
  • Then place the cursor at that particular place of your content where you want the player to appear.
  • Click Add Media above the content editor.
  • Click on Upload Files.
  • Upload the audio or video file.
  • Then under Attachment Display Settings set Embed or Link to “Embed Media Player”.
  • Click on Insert into page.
  • WordPress will follow the action by inserting a shortcode for the audio or video that will be replaced with the player.
    HR

Done!

With these few simple steps, uploading an audio or video file anywhere in a WordPress site is pretty easy.

The process of uploading a video file from YouTube is also simple. For that, you’ll have to paste the URL of the video into the content on a line of its own. Once it’s published, the YouTube player will show in its place. You must be sure that the URL is not linked.

You may want to upload the audio/video file into another server like Amazon S3, or a file hosting service. For that, the process will be different. You’ll have to provide the URL of the file in your content. Then WordPress will read its extension (e.g. .mp3) and then will automatically show the media player. You’ll only have to enter the URL to your unlinked media file on a line of its own.

The file types that are generally supported by the MediaElement.js player for the video or audio embedding include mp4/m4v, webm, ogv, wmv, mov/qt, mp3/m4a/m4b, flv, ogg/oga, wma and wav.

– Ady Sachdeva

HR

Leave a Reply