?
Solved

Adding Video to a wordpress website

Posted on 2014-03-20
8
Medium Priority
?
302 Views
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.
0
Comment
Question by:papichulodr69
  • 4
  • 4
8 Comments
 
LVL 32

Expert Comment

by:DrDamnit
ID: 39944439
Please providea link to the video.
0
 

Author Comment

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

Expert Comment

by:DrDamnit
ID: 39944445
I understand that.you uploaded visaftp, which means it should be on the web server. So, post the link.
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 

Author Comment

by:papichulodr69
ID: 39945127
/htdocs/wp-content/uploads/2014/02
0
 
LVL 32

Expert Comment

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

Author Comment

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

Accepted Solution

by:
DrDamnit earned 2000 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:

http://handbrake.fr/downloads.php

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).

https://www.youtube.com/watch?v=Ci9Vf1d9kAc

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:

http://firefogg.org/

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.
0
 

Author Closing Comment

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

Featured Post

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.

Question has a verified solution.

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

How to create your own WordPress Theme Before I begin with the theme design tutorial, I would like to give you the basics of what is required to make a WordPress Theme. The most basic WordPress theme only requires 2 files: a style.css file and an…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
The purpose of this video is to demonstrate how to automatically show related posts at the bottom of a blog post in WordPress. This will be demonstrated using a Windows 8 PC. Plugin “Yet Another Related Posts Plugin” will be used. Go to your…
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
Suggested Courses

850 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