Embed mp4 into html

How do I embed an mp4 video into html?  Client is a church and does not want to use youtube.  Also, the video is not owned by parish but rather owned by dioceses and they are concerned about using vimeo because of all the warnings that vimeo gives (you must own video, etc).

Below is link to test page and code I used to add to test page.

http://sjbplymouth.org/test.html

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="400"HEIGHT="300" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
  <PARAM name="SRC" VALUE="video/symbolon.mp4">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM name="CONTROLLER" VALUE="false">
<EMBED SRC="video.mov" WIDTH="400" HEIGHT="300" AUTOPLAY="true" CONTROLLER="false" PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>

Open in new window

nsitedesignsAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

KimputerCommented:
This is sufficient already, taking care of desktop as well as mobile browsers without the need to depend on ANYTHING else (external player, be it, flash, quicktime, silverlight or other dependencies etc)

<video width="400" height="300" controls>
   <source src="video/symbolon.mp4" type="video/mp4">
   Your browser does not support the video tag.
</video>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Are you trying to play a video where you start off with a poster image, then click play, then at the end something happens?  Or are you trying to have some type of always playing background video?

The big advantage of using youtube or vimeo is hosting and compressing video is more complex than it seems. Yes you can use simple html5 video code as Kimputer shows, but if you are hosting your own video and it is large or not optimized, it can be slow.  Especially if you are on a shared host.  At least consider using a video hosting service with a CDN.  This allows you to have a visitor in Wisconsin be served the video from the WI/Chicago area where a visitor from New York will be served from a New York area server.  You only have to upload to one spot and the CDN does the magic.  

An alternative free CDN would be placing your video on dropbox, google drive or microsoft one drive.  Those sites will give you the embed code to use and the video will be served from their own CDN.  

If all you have is a one minute video, then hosting it yourself could work. If you have a 5 or 10 minute video, get it on a cdn.  My first choice would be dropbox/google drive/one drive using their embed code.  If I had a lot of videos, I would look at a true video cdn network.
0
nsitedesignsAuthor Commented:
File is 33MB.  Is that too large to self host?
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

KimputerCommented:
Assuming it's not even HD video, you need less than 10 mbps upload for one user watching live. Only the sharpest 720p video needs around 10 mbps upload.
You can calculate it yourself. Say that video is 1 minute long. You need to transfer 0.55 MB/s (roughly 5 mbps) for each user watching at that moment.
Just check your bandwidth speed available and estimated max users.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Give it a try.  Ask your friends from different parts of the country to run the page and time it.   At the same time, embed from google drive and have them test it.  

Fyi, the documentation is not easy to find on how to embed a video from google drive.

1) Upload to google drive

2) Once uploaded, go to the video and click on it.  

3) In the top bar on the right, there is an icon for "Pop out".  Click on that.

4) In the new pop out window, click the 3 dots on the top.  Then choose, "Embed Item".  You will be give code for an iframe.

This will be a good free way to handle your video.
0
Jason C. LevineNo oneCommented:
Another option is to use a video player:

http://www.jwplayer.com/

This will work better than HTML 5 in older browsers and give you some more control options that are still not quite there in HTML 5
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.