not loading

I'm running into the same issue. I've installed the module according to the readme. Set the path to the libraries folder and had the correct version messaged to me. I created a filefield for upload and set the display to VideoJS player. The video plays fine (with the first frame still image) in Chrome, plays but shows a big blue ? for the first frame in Safari and doesn't play at all in Firefox. I haven't tested yet on Windows browsers. Can you give any direction for trouble shooting this.

thanks for the module

Only supported video are mp4 , ogg, webm so you should upload only them.

I've reinstalled the module to try to see if I can track down the issue, but still no go. Here are the issues I'm running into. I'm using a Mac and testing on Firefox, Safari, and Chrome. Haven't messed with PC browsers yet. I've uploaded an mp4 file that I created in iMovie.

Firefox - the player loads, shows a black screen and the big play button but will not play the video. If I scroll through the video nothing is there.

Safari - loads the player, but I get the big blue blurry ?. The movie plays but the video is squished. The proportions are messed up. See the 2 attachments.

Chrome works fine, plays fine.

I think you have misunderstood how this module works. In browser wise it will support following file types

Firefox : ogg, ogv
Safari : mp4
Opera/Chrome : webm

So if you upload only a mp4 file then it will only play in Safari no doubt about that. You should upload multiple files in to one field to load files for other players.

Hi,

I have the same problem as jhenson.

The video works fine in Google Crome and in iPhone. But I can't get it to work in Safari and Firefox.

This is the mp4 video I use: http://gallery.mobile9.com/f/1029239/

Here is the video on the Drupal-site: http://www.swecert.se/vovve

Here is one more that works on iPhone but not in Firefox, Crome and Safari: http://www.swecert.se/natur

How do you "upload multiple files in to one field"? If I set the CCK field "Number of values" to 3, to enable uploading 3 files per CCK filefield, the module repeats each codec type source parameter 3 times for each file, not as expected.

  <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
  <video id="videojs-7-field-videojs" class="video-js" width="480" height="270" controls="controls" preload="auto" poster="">
    <source src="http://.../test2_0.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="http://.../test2_0.mp4" type='video/webm; codecs="vp8, vorbis"' />
    <source src="http://...test2_0.mp4" type='video/ogg; codecs="theora, vorbis"' />
    <source src="http://.../test2.webm" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="http://.../test2.webm" type='video/webm; codecs="vp8, vorbis"' />
    <source src="http://.../test2.webm" type='video/ogg; codecs="theora, vorbis"' />
    <source src="http://.../test2.theora.ogv" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="http://.../test2.theora.ogv" type='video/webm; codecs="vp8, vorbis"' />
    <source src="http://.../test2.theora.ogv" type='video/ogg; codecs="theora, vorbis"' />

[Note: I replace part of the URL with "..." for simplicity]

Thank you for developing and maintaining this project. I am anxious to get it working on my site. Like kbadelt, I am also wondering how to "upload multiple files in to one field". Would you please elaborate?
Thank you!

my issue is that it works fine in safari and firefox, but not chrome or iphone. i uploaded all 3 files. could it have something to do with the paths displayed under each upload?:
mp4: video/mp4
ogv: video/ogg
webm: application/octet-stream

what is octet-stream, and is that what it's supposed to say for webm?

i just added these lines:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

to these files:
sites/default/files/.htaccess
sites/default/files/private/.htaccess
sites/default/files/v4e/.htaccess

still not working. still says octet-stream.

Hi again,

Aha okey, so I have to set the field to 3 and upload 3 files? One .ogg, one .mp4 and one in webm?

I have followed the readme guide but got stuck.

I could see your source those are only mp4 files. You must upload atleast mp4 and ogv/ogg

@veeplus, it seems the video mime type is not detected by Drupal. it should be correct mime type not the octstream

I think there's a problem with the number of calls made to the tpl heshan. I made a new issue here.
#976284: Duplicate sources rendering via videojs.tpl.php

heshan, how do i fix it so that drupal detects the correct mime type? thanks.

i tried adding "video/webm webm" to three different mime.types files and to a file.inc file. it now says "video/webm" under the upload instead of the octetstream thing, but the video still isn't working.

@veeplus when you add the mime types there, then it should work. If not working at all then see the embeded code

Hi again,

If I only upload a .mp4 video, why or how do I make a flash fallback so this module works with all browsers and device with only one file to upload??

---

I have got the module to work. (uploded 2 files, one mp4 and one ogv). This video doesn't works on IE browsers. Do we have a flash fallback?

To convert the mp4 I used http://firefogg.org/..

http://www.swecert.se/vovve11

heshan, how do i see the embedded code and what should i look for?

by the way, i just noticed that this console message is occurring in chrome: "Resource interpreted as image but transferred with MIME type text/html."

does anyone know what could be causing that error?

3.5 months since last input on this - progress?

My related situation:

1. Model installed, enabled, and video.js installed at sites/all/libraries/video-js [note, the config page says it's looking for a min file. but the videojs download doesn't come with a min file]
2. Using Miro freeware, I converted a sample .mov into 3 types: .mp4, .ogv, .webm. (I did try an .flv in place of .webm with same results below)
3. Created CCK filefield, allowing three uploads, display setting to videojs
4. Added the "AddType's" to the .htaccess at the docroot (I have no .htaccess yet anywhere in the sites/default/files folder at any level)
5. Uploaded the videos successfully
6. Added CCK field permission for anonymous user

The following are the test results:

I'm on a Mac...
Google Chrome (9): Large play button on black canvas with what appears to be an animation depicting video loading behind the play icon. When activate play icon, it gets stuck in loading until Chrome asks me if I want to kill the page. Upon inspection, it shows that the mp4 and the ogv have loaded, but not the webm file.

Firefox (3.6.13): The video loads beautifully. It plays beautifully. The inspection shows the same two files in the video tag, but no webm.

Safari (5.0.3): The video starts off looking like Chrome's, then it loads with the blue blurred graphic with a play icon. It plays great.

iPod Touch (v. 4.2.1):The black video canvas shows with no controls, no play icon, no loading animation. And it does not react to touch, tap, bashing with fist, standing on one heel with all my weight.


NOTES:

- I also see the octet mime type. I know his probably comes from the VP8 video embedding in webm. But I'm not sure how to change that. I'm guessing Chrome wants webm - not the other. Is it possible my transcoding was the issue? Miro doesn't give you sub-options. I could use shell to do the conversions - more parameters to choose from - but I'm not sure what I'd do differently. I basically followed the guidance provided near the bottom of Mark Pilgrim's HTML5 reference: http://diveintohtml5.org/video.html

Thank you for this module. Once the primary compatibility issues have been worked out (or once we're told what we're doing wrong), I think it'll be a standard bearer.

I should add...// since the original request was about obtaining more help/documentation ....//


The video at the bottom of http://diveintohtml5.org/video.html works in every browser I can test. The code for that video is just above it. He's also using the "Video for Everybody" sort of approach. I'm not sure if it'll be of any help. Hope so.

@cacody you should add those to .htaccess to detach mimetype. For FF ogg file will auto detect but not the ogv

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

Thanks. Will test and reply back after I'm home from DrupalCon.

Can I add these to the drupal/.htaccess?
If yes, in what tags these should be included?