Solved

Adding Video to a wordpress website

Posted on 2014-03-20
8
295 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
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

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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

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

Suggested Solutions

Title # Comments Views Activity
AdminLTE with wordpress 15 235
Wordpress Contact Form 7 using up whole page 3 27
Programming Language for Wordpress 7 67
Increase image taller on inner pages 2 18
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!
In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
The purpose of this video is to demonstrate how to create a Printer Friendly PDF on a WordPress Page. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome Screenshot” Google Chrome Extension, and SmallPDF.com Log…
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…

733 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