I am working on adding a video to a web site for a grade school, but it won’t play or appear to load. This has likely been covered, but the search didn’t find it.
The original was on YouTube, but the suggested videos started becoming ones not appropriate for young kids. Therefore, it was decided to put the video directly on the site. After a lot of work trying to get a DVD from the publisher, we finally went into YouTube and downloaded it by logging in with the user’s ID and downloading from the video list. The result is an mp4 that works on the computer, but not the browser. I tried changing extensions, but my Mac has limited choices for movie editing.
My coding is below, but I think the problem is with the video. Other than in Sitepoint’s HTML5/CSS3 for the Real World book, this is my first video. Any help would be appreciated.
You can often download the video in various format from YouTube as well … perhaps something to investigate. All the same, hosting on YouTube is a heck of a lot easier. I don’t quite understand why you can’t still host them on YouTube.
What version of Safari are you running Ralph? I’m on version 6 on Mac and just get a blank box with controls under it, the same with Chrome. Video conversion was my next question, so I can now get that done. The compatibility table will take some further study.
Thanks for the help, now if I can get it to run in my browsers.
Thanks again, Safari and Chrome work, but Firefox and Opera don’t. The Miro forums say it has trouble with ogv format quality, but not anything about function.
Does Firefox need an extra extension that I missed reading somewhere? I have the three video types, not swf yet, but Firefox comes up with “No video with supported format and MIME type found.” Opera only shows the controls and won’t play anything.
I did have suggested videos turned off for the embedded movies, but that doesn’t do anything on YouTube. As soon as I see a YouTube video on a site, I click to view it on their site so I can watch it bigger and have it on my history if I want to see it again. I don’t know how many people do the same, but the site owner wanted it off to be safe.
I did have suggested videos turned off for the embedded movies, but that doesn’t do anything on YouTube.
No, it only works for YT videos embedded on web pages.
As soon as I see a YouTube video on a site, I click to view it on their site so I can watch it bigger and have it on my history if I want to see it again. I don’t know how many people do the same, but the site owner wanted it off to be safe.
I gave the weekend off for this and am back to trying to get these videos working. Ralph said the bug for him is the video doesn’t exist on the server, and I get the same “page not found” error when trying to go directly to the video in the browser. Unfortunately, I’ve uploaded them a couple times now via FTP with Transmit to the server. The files show as they should on the server in Transmit, but nowhere else. I don’t know any reason why videos can’t be uploaded via FTP, so any ideas on this one?
OK, the next thing to try is to make sure your server recognizes those media types. You can do this by placing the following code in your .htaccess file:
If you don’t know what that means, have a look in the Transmit folder (right side) and see if there is a file called .htaccess. If so, open it and add the code above. I’m not sure if you can open it via Transmit, but if not, go into your hosting control panel and open it there.
It works fine on Internet Explorer. I think the issue is you need to use the file type that your server is compatible with. A .mp4 may seem universal but it varies from the user end.
@shansan:
The problem is that the other file types don’t appear, though they seem to be uploaded.
@vmtech:
Are you sure the .webm and .ogv files are uploaded to the /assets/images/ map (as called in the html)? Maybe Dreamweaver has put them somewhere else, because it aren’t images?
You can check this with an unbiased FTP-program like [U]FileZilla[/U](client).
For large files like these, I use Transmit for FTP instead of Dreamweaver, see the attachment a few posts earlier. The mp4 works fine on the browsers that support it, the problem is those that don’t. I tried Ralph’s solution with the .htaccess file, but I couldn’t get anything to find one. I contacted the host and was told the server I’m on is an IIS Windows platform and doesn’t use the htaccess file. The host’s webmaster is also unfamiliar with webm and ogv file types, so I explained them and am now waiting to see if they will allow them to be added.
The world of web gets to be a spiderweb of problems that need to be untangled and straightened out some days.
So it seems the Windows server is the culprit…
But can you deliver the files to another stable, with an Apache server? Maybe a free host, just for these files?
The files are called by the browser, so I think when the domain and path of the “not Microsoft” files are included in the html of your page, the files will be downloaded from the other server to the visitor without problems.
The host agreed to add the file types as of late yesterday. The page and video are now working on all modern browsers. According to analytics, older browsers are not very common on this site, but getting a solution for those in shortly.
Thanks for all the help everyone. This volunteer site has made me stretch my experience levels in several ways.
