Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Adding Video to a wordpress website

Posted on 2014-03-20
Last Modified: 2014-03-21
I have a video that is hosted on my domain and i cant get it to play on word press page. I uploaded the video with an ftp because the video is larger than 20mb. can any one help please send step by step instruction.
Question by:papichulodr69
  • 4
  • 4
LVL 32

Expert Comment

ID: 39944439
Please providea link to the video.

Author Comment

ID: 39944443
The video is on my domain is not on youtube
LVL 32

Expert Comment

ID: 39944445
I understand that.you uploaded visaftp, which means it should be on the web server. So, post the link.
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.


Author Comment

ID: 39945127
LVL 32

Expert Comment

ID: 39945145
That's the folder, what's the file name?

Author Comment

ID: 39945220
thats where the file is saved the file name capture-1.avi
LVL 32

Accepted Solution

DrDamnit earned 500 total points
ID: 39945360
OK. that is issue #1.

avi files won't play over the web. Delete that from your server. You'll need to re-encoded it for web play. I am planning on teaching you how to do this using HTML5 video, which is easy, free, and standardized (instead of having to work with silly flash players).

I use Adobe Media Encoder (expensive) to encode videos for the web, but there are also some great free ones out there. The best one is ffmpeg (avconv), but that's a Linux application. I am assuming you are probably on Windows or Mac, so let's see if we can get your video converted using Handbrake:


Now, this guy wrote a tutorial on how to use Handbrake. He clearly doesn't understand how video encoding actually works, but his steps are valid. (I think he figure this out through trial and error, which is perfectly fine).


The only thing I don't agree with him is the aspect ratio. He's assuming everyone is already shooting video in 16:9, so when he changes the video resolution, he's still keeping the same resolution. If you didn't have the same resolution, and you follow his instructions, you will squeeze or stretch your video.

So, for that part, make sure "keep aspect ratio" checked, and then change the height to one of the resolutions he specifies in the description.

He's choosing 1080p, but I would say use 720p instead. There's really no reason to use 1080p on the web unless you're streaming a TV show or something else that needs to be ultra high-quality, which is a minority of the web. (Whatever you're doing, it probably doesn't need 1080p).

Once this finishes, you'll have an MP4, which is one of two files you need for HTML5 video streaming. THe other is an ogv file, which you can easily create using FireFogg:


This is a free browser add-on for Firefox. Just upload your file into Firefogg, and keep the defaults. It will re-encode to an ogv file.

Once you ahve completed those two steps, upload them to your web server, and post the links to those files here, and I'll give you the last bit.

Author Closing Comment

ID: 39946100
Thanks alto I wish could give you 1000000000 point thanks

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Move wordpress site 3 44
jQuery Toggle & Anchor Links 5 43
Wordpress Pagination 1 28
Wordpress Hacked 1 18
Now that you've installed WordPress 2.9 (http://www.experts-exchange.com/articles/Web_Development/Blogs/WordPress/WordPress-2-9-What-to-Expect-When-Upgrading-to-WordPress-2-9.html?) on your site, you need to install some plugins to get the most out …
Who says nothing in life is free? WordPress.com is a freebie. WordPress.org's downloadable publishing platform is free. Heck, even WordPressMU is free. WordPress is an open source project, which means it can be used on any personal or commerc…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question