title: Problems trying to use Flowplayer as flash fallback to html5 video
body: <p>I've now successfully managed to get html5 video tags to work and I'm now trying to implement a flash fallback solution using Flowplayer.  Below is my code:-</p>
  
  <pre><code>&lt;div id="videocontent"&gt;
              &lt;video width="640" height="360" autobuffer controls preload="auto" &gt;
                &lt;source src="fracWelDay3.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
                &lt;source src="fracWelDay3.webm" type='video/webm; codecs="vp8, vorbis"'&gt;
                &lt;source src="fracWelDay3.ogv" type='video/ogg; codecs="theora, vorbis"'&gt;                &lt;object type="application/x-shockwave-flash" data="flowplayer-3.2.7.swf" width="640" height="360"&gt;
                  &lt;param name="movie" value="flowplayer-3.2.7.swf"&gt;
                  &lt;param name="allowFullScreen" value="true" /&gt;
                  &lt;param name="allowscriptaccess" value="always"&gt;    
                  &lt;param name="flashVars" value="config={'playlist':[{'url':'http://www.synergese.co.uk/testMathsOnline/day3/videos/fracWelDay3.mp4','autoPlay':false}]}" /&gt;
               &lt;/object&gt;
            &lt;/video&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>This is the link to the video:</p>
  
  <pre><code>http://www.synergese.co.uk/testMathsOnline/day3/videos/day3FracWelVideo.html
  </code></pre>
  
  <p>In order to test this in Firefox, I commented out the line which referenced the .ogv file.(The commenting doesn't show here. When I included it here on this page, the text below the commenting disappeared) However, when I test it in Firefox, I just get a grey box. I would be very grateful if someone could help.  </p>
  
  <p>Many thanks, Pippa</p>
  
  <p>Thanks, but I'm still really stuck.  I downloaded VideoJs and implemented, (I think accordingly).  `Below is my code:-</p>
  
  <pre><code>&lt;script src="video.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>
      // Add VideoJS to all video tags on the page when the DOM is ready
      VideoJS.setupAllWhenReady();
    
  
  <pre><code>            &lt;div id="videocontent"&gt;
          &lt;div class="video-js-box"&gt;
              &lt;video width="640" height="360" preload="" controls="" poster="day3Wel.jpg" class="video-js" tabindex="0" &gt;
                &lt;source src="fracWelDay3.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
                &lt;source src="fracWelDay3.webm" type='video/webm; codecs="vp8, vorbis"'&gt;
                &lt;source src="fracWelDay3.ogv" type='video/ogg; codecs="theora, vorbis"'&gt;
              &lt;object type="application/x-shockwave-flash" data="flowplayer-3.2.7.swf" width="640" height="360" class="vjs-flash-fallback"&gt;
                  &lt;param name="movie" value="flowplayer-3.2.7.swf"&gt;
                  &lt;param name="allowFullScreen" value="true" /&gt;
                  &lt;param name="allowscriptaccess" value="always"&gt;    
                  &lt;param value="config={'clip':{'url':'fracWelDay3.mp4','autoPlay':false,'autoBuffering':true, 'scaling':'orig'}}" name="flashvars"&gt;
                  &lt;!-- Image Fallback --&gt;
                  &lt;img width="640" height="360" title="No video playback capabilities." alt="Poster Image" src="day3Wel.jpg"&gt;
                 &lt;/object&gt;
            &lt;/video&gt;
          &lt;/div&gt; 
          &lt;/div&gt;               
  </code></pre>
  
  <p>The Flowplayer seems to load, but I get an error message saying that the video clip won't load and I don't know why.  Many thanks for your help</p>