Solved

Adding Video to a wordpress website

Posted on 2014-03-20
8
299 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
[X]
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
  • 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
Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

 

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 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:

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

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

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 …
How to install BuddyPress on your self-hosted WordPress site It’s been called everything from “social networking in a box” to “Facebook without the terms of service,” but until Feb. 16, BuddyPress was a relatively unknown outside the WordPress MU…
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

726 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