Player doesn't work in FF

Firefox does not support mp4 natively in HTML5, You need to have a Flash fallback.

I just uploaded several files including a Poster Image as described in the documentation and in a few other issues posts. And I can get HTML5 Video support for Safari to work, but FF (v3.6.13) will not display the video tag at all. even though I have uploaded a ogv video file. I know the video files works due to a local static html test.

I am wondering what could possibly hinder the creation of output in FF? I have attached my created source from Safari below.

<video id="videojs-41-field-html5-video" class="video-js" width="640" height="360" preload="auto" poster="http://mydomain.com/sites/default/files/Behind_The_Scenes_Poster.png" style="height: 360px; ">
<source src="http://mydomain.com/sites/default/files/blogpost/video/BehindTheScenes_Wide.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"">
<source src="http://mydomain.com/sites/default/files/blogpost/video/BehindTheScenes_Wide.ogv" type="video/ogg; codecs="theora, vorbis"">

<!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
</video>

I too am having difficulty. I have installed SWFtools with Flowplayer enabled (and installed in my libraries folder). Flowplayer does in fact work in other content types. So, I configured a content type using VideoJS as prescribed... works great in Safari and even my ipod touch. Yet, when testing in FF 3.6 there is no fallback.. "video for everbody"? - I get a window with an X in it. Others have commented that this should be good to go out of the box.

Do I need to go through the chore of integrating Flowplayer API into a pre-process function? How does VideoJS recognize another flash player?

Thanks
Carl

Hi Carl,

I got this to work, since we don't use drupal to upload the actual video files. It's a hardcoded approach that uses the filename only and is buit into a node template:

<video id="movie" width="320px" height="240px" preload="metadata" controls>
    	<source src="<?php print base_path(); print file_directory_path(); ?>/videoposts/videos/<?php print check_plain($node->field_video_post_name_mp4[0]['value']); ?>.mp4"  type='video/mp4'/>
    	<source src="<?php print base_path(); print file_directory_path(); ?>/videoposts/videos/<?php print check_plain($node->field_video_post_name_ogv[0]['value']); ?>.ogv" type='video/ogg; codecs="theora, vorbis"' />
   	
    	<object width="320px" height="240px" type="application/x-shockwave-flash" data="<?php print base_path(); print file_directory_path(); ?>/videoposts/player/player.swf?url=../videos/<?php print check_plain($node->field_video_post_name_mp4[0]['value']); ?>.mp4">
    		<param name="FlashVars" value="autoPlay=false&volume=60&previewImageUrl=<?php print base_path(); print $node->field_video_poster[0]['filepath']; ?>">
    		<param name="allowScriptAccess" value="always">
    		<param name="allowFullScreen" value="true">
    	</object>
    </video>

Hope this helps.

I'm questing for a solution to this as well. I want to use Drupal to upload files and then videojs to show them. I can get the module to work in Chrome and Safari, but not Firefox or Internet Explorer.

I can't get flash fallback to work either. I have added webm ogg and mp4 files that I grabbed from mediafront's site.

I also have this same issue with mediafront's module.

duplicate of #987236: Thumbnails, multi-device capabilities, flash fallback, Video module use for meta info