NOTICE: FORUMS MOVING

Thank you for visiting and participating in the Video.js forums. We are currently moving the forums to Stack Overflow and GitHub Issues. If you have a question or need help with Video.js, please post your question on Stack Overflow and add the tag 'video.js'. If you've found a specific bug in Video.js, please submit it in the issues tracker.

You can read more about this move on the blog.

Firefox loads video using Flash not HTML5 player

Graham's Avatar

Graham

22 Feb, 2012 12:34 PM

Hi,

We've got a couple of problems with the VideoJS player on Firefox (version 10.0.2 - latest) where it plays the video using the flash player rather than in HTML5. I've checked in Safari on a Mac and on an iPad and both player using HTML5 absolutely fine.

The video is a standard h264 mp4. You can see the problem on the following page: Example

Any ideas??

Cheers

Graham

  1. 2 Posted by neek on 23 Feb, 2012 03:43 AM

    neek's Avatar

    View Source shows me:

    <video id="Vid_7484f0d51b3c4f9ea5aff54f573214c5" class="video-js vjs-default-skin" controls preload="none" width="570" height="320" poster="/UserFiles/video-image.jpg" data-setup="{}">
        <source src="http://www.edentyresales.co.uk/Userfiles/videos/monkey.mp4" type="video/mp4" />
    </video>
    

    So you're only providing an .mp4 version of the video. Firefox will play .webm (and possibly others) but not .mp4, it'll fall back to Flash.

    Encode a .webm and .ogv version of your video and provide them as per the example on the videojs home page.

  2. 3 Posted by Graham on 23 Feb, 2012 09:51 AM

    Graham's Avatar

    Yep, that'll be it then! Cheers for coming back to me.

  3. 4 Posted by Andy on 24 Feb, 2012 11:37 PM

    Andy's Avatar

    I included a .webm and .ogv of my video along with the mp4 and it STILL isn't working in Firefox... but works in chrome. What's the problem?

    http://gway.publishpath.com/home-video

  4. 5 Posted by neek on 26 Feb, 2012 06:26 AM

    neek's Avatar

    Andy - I went to your URL but got a login form. I imagine your server isn't serving the correct Content-Type header for your video files.. you will need it to understand that webm and ogv files are video files. You don't seem to be running httpd, you're on nginx and ASP.NET from the look of your headers, so I don't think I can help you.

    If you would link to a page that actually contains the videos you're discussing, we might at least be able to say why what you've got isn't working, if not be able to tell you how to fix it.

  5. 6 Posted by Andy on 26 Feb, 2012 04:49 PM

    Andy's Avatar

    Neek,

    Thank you for responding, I forgot that I made the page viewable to only users who are logged in...this is because I was testing the video before I published it on the real home page... I have disable that so now you should be able to see the video with out a login. Let me know what you think. I am running the website off LightCMS

  6. 7 Posted by B Mehar Murali on 28 Feb, 2012 10:15 AM

    B Mehar Murali's Avatar

    <asp:GridView ID="gvArtifacts" runat="server" AutoGenerateColumns="false" Width="80%">

                                                <Columns>
                                                    <asp:TemplateField>
                                                        <ItemTemplate>
                                                                <video src="windowsmedia.ogg" controls="controls">
                                                                  <object id='mediaPlayer'  height="285" width="100%" 
                                                                      classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' 
                                                                      codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
                                                                      standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
                                                                      <param name='fileName' value='<%# FormatVideo(Eval("VideoId").ToString()) %>'>
                                                                      <param name='animationatStart' value='true'>
                                                                      <param name='transparentatStart' value='true'>
                                                                      <param name='autoStart' value="true">
                                                                      <param name='showControls' value="true">
                                                                      <param name='loop' value="true">
                                                                  </object>
                                                              </video>
                                                         </ItemTemplate> 
                                                         </asp:TemplateField> 
                                                 </Columns> 
                                        </asp:GridView>
    

    I am using HTML5Player When i bind a video file to a grid it works fine in IE8 but does not works in remaining browsers.Can any body help me in this problem.

  7. 8 Posted by neek on 29 Feb, 2012 02:29 AM

    neek's Avatar

    B,

    Read the "Formatting help" under the comments box, indent your code nicely, and start a new thread for new questions.

    Having said that, your problem seems to be to do with a Microsoft ActiveX control and absolute nothing to do with videojs, go ask in a relevant forum (i.e. not here) :)

  8. 9 Posted by neek on 29 Feb, 2012 02:33 AM

    neek's Avatar

    Andy, I've been extremely busy. Your page seems to embed jwplayer directly now, so of course it's only playing via the flash player, and does seem to work for me in Firefox.

    From your page:

    <script type='text/javascript'>
      jwplayer('mediaspace').setup({
        'flashplayer': 'http://gway.publishpath.com/Websites/gway/templates/gatewayweb/jwplayer/player.swf',
        'duration': '58',
        'file': 'http://gway.publishpath.com/Websites/gway/templates/gatewayweb/video/gateway_two_music.mp4',
        'image': 'http://gway.publishpath.com/Websites/gway/templates/gatewayweb/video/videoposter.jpg',
        'controlbar': 'over',
        'width': '616',
        'height': '356'
      });
    </script>
    <embed src ="http://gway.publishpath.com/Websites/gway/templates/gatewayweb/jwplayer/player.swf?file=http://gway.publishpath.com/Websites/gway/templates/gatewayweb/video/gateway two music.flv" width="616" height="356" allowfullscreen="true"  />
                    <!-- END OF THE PLAYER EMBEDDING -->
    
    
                <!--<video id="gateway_two_music" class="video-js vjs-default-skin vjs-flash-fallback"
    

    So you aren't using video at all. If you need a test page to hold a demonstration of a failing case, while tweaking your live site to get it to work, then do that and post a link to the test page here.

  9. 10 Posted by Sanj on 26 Nov, 2012 05:40 AM

    Sanj's Avatar

    Hi, I installed the videojs html5videoplayer extention to my typo3 site, and included all 3 formats, MP4, webm and ogg. The problem is, it playes on google and chrome just fine, however with firefox and safari - there seems to be a conflict of some sort. If I includer the html5videoplayer template in root template, it works on safari but not on Firefox, and if I remove that template - it works on Firefox but not on Safari. I am using the latest versions of both firefox and safari and the site can be viewed at http://tinyurl.com/bthaeok

    Many Thanks in advance!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

28 Aug, 2014 02:45 PM
28 Aug, 2014 06:33 AM
27 Aug, 2014 07:37 AM
17 Aug, 2014 12:53 AM
11 Aug, 2014 05:23 PM