Problem Embedding Video

[Jesse Arrieta]

Hello Everyone,

I am not sure if my problem is in Dreamweaver or Premiere Pro. I set up an html page to play video directly off of my website. When I check the Real Time Preview in Dreamweaver, it works perfect in the Firefox Browser and Opera Browser. For some reason, it is not working in the Microsoft Edge Browser and Internet Explorer Browser.

However, the main issue is that when I loaded the files up to my website, the videos do not appear on any of the browsers. I get the following where the video should be:

"No video with supported format and mime type found"

This is how it displays in Real Time Preview in Dreamweaver using Firefox Browser:

My web hosting service told me that I needed a "handler". The above pic is from using Firefox.

I am using a script to display several videos. I figured that maybe the script was creating the problem. So I did a test page without the script and got this:

And I still get the same message. Not sure what I am doing wrong. My video files are in MP4 format. I thought that maybe they need to be in OGV/OGG or webM format. However, I could not figure out how to export the mp4 file in Premiere Pro to any of those formats.

This is how it should look:

I figured I would start in this forum and see where I need to go from here. I just need some guidance on where I can find out how to correct the problem.

Thanks

[Birgit Pohl]

Can you show your source code,  please,  with the video format.

Thank you.

It may be that you need several video formats for different browsers. This is done by setting the source to the video many times. A browser who will read it will pick it and ignore the rest of the source links.

Maybe this linksl helps to understand it a bit.

Media formats for HTML audio and video - HTML | MDN

[Jesse Arrieta]

Hello Birgit,

Thanks for your reply to my inquiry. Here are the links to the two pages on my site so you can view the source code:

Chuy's Design Service

The link above includes the script I was using for the self hosted videos.

Chuy's Design Service

This link is the video page after I removed the script and just used a single video file.

Both of the video html pages work as expected in Dreamweaver on my local drive, but not online off my hosting server.

I only have the videos available in mp4 format, so I am thinking that placing the off/ogv and webM tags will not play the mp4 video.

Thanks for your response.

[Nancy OShea]

I don't see any reference to mp4 in your code.   I see a webm file and your server doesn't support that MIME type.   See screenshot.   Follow Jon's advice in Reply #4.  Add the media MIME types to your .htaccess file and upload to server.

[Jesse Arrieta]

Thanks Nancy,

I will do this. I need to contact my hosting service because my control panel is not showing a current .htaccess file in my root directory or any of the sub folders. I know it is supposed to be a hidden file, but my control panel has no option for showing hidden files. If I find out that I do not have an existing .htaccess file on my site then I will create and upload a new one.

Thanks again. I'm pretty sure your solution is going to work. I had a feeling my issue was server based.

[hans-g.]

Hi Jesse,

please have a look at HTML5 Video wher you can try to insert your own video and see whether the different browasers work with it.

There they work with

<source src="mov_bbb.mp4" type="video/mp4">

<source src="mov_bbb.ogg" type="video/ogg">

Hans-Günter

[hans-g.]

... sorry can't correct my mistakes:

wher >>> where

browasers >>> browsers

[Nancy OShea]

<source src="mov_bbb.mp4" type="video/mp4">

<source src="mov_bbb.ogg" type="video/ogg">

No fallback files required.  MP4 works on all devices.

[Jesse Arrieta]

Hello Nancy Oshea,

Thanks for your reply. After googling info on embedding mp4 files into a website, I agree with you. It does seem that all or most browsers should read mp4 files by using the html5 video tag.

So I have one more thing to try to see if it works. I am using a "relative link" to my video files. I am thinking that maybe I need to change the video links to "absolute links".

Just want to thank everyone on this thread for helping me out.

[osgood_]

You have got a link direct to one of your videos but there is nothing at that link....

http://design.chuyscoupons.com/website%20chuys%20design/Video/liftoff_of_orion_A.mp4

are you sure that is where the video is located?

[Jesse Arrieta]

Hello hans-g,

Thanks for your reply. I had gone to that link you provided right after I had a problem with the video. I looked at the code and it looked pretty straight forward. I will copy the code on that page exactly and create a new html page and see if it will run on my website. That file on there is in mp4 format. But yet it works in Firefox with no problem. Once I put that sample on my website, I will see if it works and go from there.

Thanks again.

[Jon Fritz]

Well, if you're using the HTML5 <video> tag, along with MP4, you "should" be fine. All major browsers now see MP4 without the need for the back-up file types WebM or OGV.

If your server isn't configured to handle the MP4 MIME Type, that could cause the error you're seeing.

If your code is clean and valid (which would mean it's not the cause of your issues), adding the following to the end of your .htaccess file in the site root may fix it...

AddType video/mp4 mp4 m4v

AddType audio/mp4 m4a

AddType video/ogg ogv

AddType audio/ogg ogg oga

AddType video/webm webm

[Jesse Arrieta]

Hello Jon Fritz II,

Thanks for your reply. I am strongly agreeing with your solution. For some reason, I am thinking the Mime's allowed on my server were the problem. I went to my server and entered the mime settings you provided. My server accepted the settings, but it still did not work. Here is a pic of what I did:

Thanks for your response. I will keep trying to figure this out.

[Jon Fritz]

Some things to verify...
(from the self_videos_2.html page)

Are your videos uploaded?
(when I click the link from the source of your page for any of the 3 video files, I get a 404 not found error)

...to the correct location?
(within a folder called "Video" that is on the same level as the "web" folder in your directory structure)

...with the correct cAsE StrUctURe of the file name?
(case structure doesn't matter locally, but on a server "Video" and "video" are two different folders)

[Jesse Arrieta]

Thanks Jon,

Let me double check the link locations.

[Jesse Arrieta]

I tried to access the video files directly from my control panel and it came up with this error:

[Jesse Arrieta]

I'm going to add the code for Mime recognition to my existing .htaccess file if I can find it or create a new .htacces file with the code Jon provided. I am not to familiar with modifying the .htaccess file so I need to work this out. From all the feedback I have received, it seems like that is the problem.

Thanks again everyone. I will get back on here again once I get this done.

[Jesse Arrieta]

My site does not have an .htaccess file. I am using a Windows Hosting Server. The web.config file is the Windows version of the .htaccess file. I added this to that file:

AddType video/mp4 mp4 m4v

AddType audio/mp4 m4a

AddType video/ogg ogv

AddType audio/ogg ogg oga

AddType video/webm webm

But it still does not work. Perhaps I need to create a .htaccess file and see if that works.

[Nancy OShea]

.htaccess is typically supported by Linux servers only.

Contact your WIN IIs hosting provider and ask them to add the MIME types for you.

[Jesse Arrieta]

I did create an .htaccess file in my directory. But it still did not work. So, I will take your advice and contact my hosting provider and have them add the MIME types to see if that works. If it still doesn't work after that, then I will probably have to hire someone to correct it for me. Might be way beyond my capabilities. It just seemed pretty straight forward as how to install the code and it should have worked. It has to be a server side issue.

Well, thanks again everyone for trying to help me. If and when I get it figured out, I will get back on here and let you know if I got it to work.

Jesse Arrieta

[Jesse Arrieta · Accepted solution]

Hello Everyone,

Just wanted to get back to all of you on this thread to let you know I corrected the problem and my self-hosted video page works now! It turned out to be a server side mime type issue after all. I originally set up my server with this:

AddType video/mp4 mp4 m4v

AddType audio/mp4 m4a

AddType video/ogg ogv

AddType audio/ogg ogg oga

AddType video/webm webm

One of the examples I found on MDN showed an extension file like:

.mp4, .webm, .ogg

So I modified the mime type to this:

audio/mp4 .mp4

audio/ogg .ogg

video/mp4 .mp4

video/ogg .ogg

video/webm .webm

And that worked. Just wanted to thank all of you that helped me on this thread. You all helped me realize that it was a server side issue and not my code. Thanks Birgit, hans-g, John Fritz II, Nancy and osgood.

Chuy's Design Service

Thanks again everyone.

Jesse Arrieta