Skip to main content
J
Jesse Arrieta
Inspiring
January 4, 2018
Answered

Problem Embedding Video

  • January 4, 2018
  • 4 replies
  • 2942 views

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

    This topic has been closed for replies.
    Correct answer Jesse Arrieta

    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

    4 replies

    J
    Jesse ArrietaAuthorCorrect answer
    Inspiring
    January 6, 2018

    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

    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    January 4, 2018

    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

    J
    Jesse ArrietaAuthor
    Inspiring
    January 4, 2018

    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
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    January 4, 2018

    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)

    hans-g.
    hans-g.
    Legend
    January 4, 2018

    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.
    hans-g.
    Legend
    January 4, 2018

    ... sorry can't correct my mistakes:

    wher >>> where

    browasers >>> browsers

    Birgit Pohl
    Birgit Pohl
    Inspiring
    January 4, 2018

    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

    J
    Jesse ArrietaAuthor
    Inspiring
    January 4, 2018

    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
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    January 4, 2018

    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.

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices