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.


<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">
<EMBED SRC="video.mov" WIDTH="400" HEIGHT="300" AUTOPLAY="true" CONTROLLER="false" PLUGINSPAGE="http://www.apple.com/quicktime/download/">

Open in new window

Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

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.

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.

Open in new window

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.
nsitedesignsAuthor Commented:
File is 33MB.  Is that too large to self host?
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

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.
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.
Jason C. LevineDon't talk to me.Commented:
Another option is to use a video player:


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

From novice to tech pro — start learning today.