I have just purchased HTML5 Video Player, and have attempted to upload a test page to one of my sites. Where the video should be I see the error: The media (domain name/ScriptLibrary/Movies/movie.mp4) could not be loaded because the server or network failed. I have contacted my Hosting provider and they say that they cannot enable these MIME types just for me - what needs to be done? If I cannot use this solution with my hosting company, it is not worth having.

Hello Steve,

Please provide a link to your page where we can check this.

About the MIME types - there is nothing to be enabled, you only need to have them listed so the browsers know what exactly this file is.

You can also add these mime types to your server if you are using an Apache server. Please read the following article: www.dmxzone.com/go?18312

Hi Teodor,

I had seen the FAQ you sent a link for. I even copied the info and sent it to the support department at one of my hosting companies. Even with an .htacceess file at the site's root level, this is what I see:

ns23.sovdns.com/~step3348/newpublic_html/test3.html

So I tried it, without the ht.access file on one of my other sites (though this is not where my client's site is hosted - they are on the first one):

www.scanda.net/html5vid/

What is strange, is that the extension appears to automatically upload the files to the server, and place the files in the wrong place - so I have to delete them and manually upload within my public_html folders.

I hope this can be sorted - as my client wants his site up and running soon. many thanks

Steve Cowell

I have just received this message from the hosting company of my client's site:

Dear Steve,

We are sorry but we do not support the modules that you wish to use on our
shared hosting solution. They put strain on the server and would affect other
peoples sites hosted on that server.

The only way that you could run those are using a VPS server as you would be the only
one on the server and thus, the only one affected.

Please let us know if we can help further.

Regards

The Support Team
Compila LTD
Cheaper, Greener, Faster hosting

I cannot afford a VPS

The problem actually may not be with the mime types.

I see that the paths to your videos in the video player are:

..
{"src": "video/street.mp4", "type": "video/mp4"}
..

And on your server it looks for them in:

www.scanda.net/ScriptLibrary/video/street.webm

Which seems to me that there is some misconfiguration in your local site config - what paths are you using? Relative to Site root or relative to Document?

Which is your local site root folder and does it differs from the servers root folder?

Also - the message you received from the hosting company sounds funny... those mime type are nothing than identifier for file formats on the Internet, they are not any MODULES or something like this.
And it is you who can upload the .htaccess file to your folder with any ftp client.

Oh - now you are getting really technical. I don't know - I am using the Dreamweaver CS5 defaults.

What should they look like? And what parts should I edit to make them work? - is it a line in the script that needs amending?

Is this caused by the extensions attempts to upload to my host's root folder - instead of my public_html folder?

Any help greatly appreciated

Steve

Hi Teodor

Still doesn't work, so I started again from scratch with a simple test page.

This is what I have done to test a video

1. in a subfolder of my site (html5vid) I created a fold called "video"

2. Using the third-party applications HandBrake and Miro Video Converter, I created three versions of the movie file: .mp4, theora.ogv and .webm and saved them in the "video" folder

3. In Dreamweaver CS5 I created a blank html file and called it "index.html"

4. Using the DMXzone HTML5 Video Player extension I created a 354 x 200px video marker, auto play, loop, no controls, no sound, no full screen - and ensured I accessed all three video formats from their folder.

5. The extension generated all the scripts - and attempted to upload them to the root folder of my server. I cancelled this operation, as they cannot sit at that level.

6. I moved the "ScriptLibrary" and "Styles" folder into the html5vid folder.

7. I uploaded the entire folder into the public_html folder on my hosted webspace.

8. I viewed the result (www.scanda.net/html5vid/), which came up with exactly the same style responses as before:
The media (www.scanda.net/ScriptLibrary/video/street.mp4) could not be loaded because the server or network failed)

Here is the html from this relatively simple index.html file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="Styles/dmxHTML5VideoPlayer/minimum/style.css" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxHTML5VideoPlayer.js"></script>
<script type="text/javascript" src="ScriptLibrary/projekktor.min.js"></script>
</head>

<body>
<div class="dmxHTML5VideoPlayer minimum" id="newvid">
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#newvid".dmxHTML5VideoPlayer(
{"width": 354, "height": 200, "poster": "images/354x200blank.jpg", "autoplay": true, "continuous": false, "loop": true, "controls": false, "enableFullscreen": false, "enableKeyboard": false, "playlist": [{"0": {"src": "video/street.mp4", "type": "video/mp4"}, "1": {"src": "video/street.webm", "type": "video/webm"}, "2": {"src": "video/street.theora.ogv", "type": "video/ogg"}, "config": {"poster": "images/354x200blank.jpg"}}], "volume": 0}
);
}
);
// ]]>
</script>
</body>
</html>

It does seem as though the scripts generated by the extension are setting up incorrect links.

If you could help me to identify what needs to be changed within either/or the html and the scripts - and to what - I will be very grateful. I am now well into my second day trying to get this to work, and I must get it sorted.

Steve

Hello,

the extension tries to put the files to the Server folder that is marked by you as a ROOT folder here where it says server folder:



If there in your site config it does not say "html5vid" and you want to use this folder then you should set it as a ROOT folder.

OK Teodor - thanks for the prompt reply - I'll try that now - Steve

Excellent! This has worked on my beta testing site - now to try it with the hosts of my client's site. many thanks

will let you know if that one works too!

Nearly - oh so nearly there!

The fix you sent me works fine. The movie is displaying fine now.

There is one further problem ... prior to the movie starting there is a black panel (I would prefer this to be quite, if it has to be there). And I want the movie to loop - but there are a few frames of black between the end of one movie, and it restarting in the loop.
(I would prefer the video transition to be seamless)

Can these problems be solved.

Thanks

Steve

BTW - this is the test page now:

ns23.sovdns.com/~step3348/newpublic_html/test4.html

PLATFORM TESTING

Appears to work fine on

Mac Safari

Mac Firefox

PC Firefox

iPad2 (iOS5)

But NOT on PC Internet Explorer 8 - just black panel with loading spinner

Hello Steve,

What is the browser you see the black frames in?
Actually it works fine in my IE8 as well as in the other browsers.

Hi Teodor

It was on Safari - on testing it today, it isn't running at all!

It is OK on Mac Firefox

Another problem - iPad (iOS5) - it doesn't auto play, needs to be clicked on, and there is a black frame with a quicktime symbol on between plays

This is so frustrating

All of the iDevices with iOS have this as a security restriction.
Videos and audio cannot be auto-played and need user interaction to allow this.

OK - fair enough

but the video is not playing in Mac Safari today (it was OK yesterday)