title: HTML5 video won't play in Chrome only
body: <h2>some background</h2>
  <p>I've tested my video in FF and Safari (including iDevices) and it plays properly, but it will not play in the Chrome browser. As you can see in the code below, I've created mp4, m4v, webM, and ogv files, and I've tested all of them on my computer for any playback issues.</p>
  <h2>the symptoms/issue</h2>
  <p>In Chrome, the video seems to load, and there are <b>no errors in the console log</b>. When the play button is pressed, it loads a portion of the file, but then does not play it. Yet, interestingly, if I arbitrarily click on a later time in the time-bar, say about halfway through, it will play about 5 seconds of the video even with the subtitles, but <b>no</b> audio.</p>
  <h2>my research</h2>
  <p>I've read up on any issues that might be causing this, but I haven't found any ideas that work. To note, I've written the following in my .htaccess file:</p>
  <pre><code># ----------------------------------------------------------------------
  # Proper MIME type for all files
  # ----------------------------------------------------------------------
  
  # Audio
  AddType audio/ogg                      oga ogg
  AddType audio/mp4                      m4a
  AddType audio/webm                     webm
  
  # Video
  AddType video/ogg                      ogv
  AddType video/mp4                      mp4 m4v
  AddType video/webm                     webm
  
  # Assorted types
  AddType image/x-icon                        ico
  AddType image/webp                          webp
  AddType text/cache-manifest                 appcache manifest
  AddType text/x-component                    htc
  AddType application/x-chrome-extension      crx
  AddType application/x-opera-extension       oex
  AddType application/x-xpinstall             xpi
  AddType application/octet-stream            safariextz
  AddType application/x-web-app-manifest+json webapp
  AddType text/x-vcard                        vcf
  AddType text/plain                          srt
  </code></pre>
  <p>Also, I am using the mediaelement.js library.</p>
  <h2>the code</h2>
  <p>Here's the HTML:</p>
  <pre><code>&lt;video width=&quot;100%&quot; height=&quot;400&quot; poster=&quot;assets/img/myVideo.jpg&quot; controls=&quot;controls&quot; preload=&quot;none&quot;&gt;
        &lt;!-- M4V for Apple --&gt;
        &lt;source type=&quot;video/mp4&quot; src=&quot;assets/vid/PhysicsEtoys.m4v&quot; /&gt;
        &lt;!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 --&gt;
        &lt;source type=&quot;video/mp4&quot; src=&quot;assets/vid/PhysicsEtoys.mp4&quot; /&gt;
        &lt;!-- WebM/VP8 for Firefox4, Opera, and Chrome --&gt;
        &lt;source type=&quot;video/webm&quot; src=&quot;assets/vid/PhysicsEtoys.webm&quot; /&gt;
        &lt;!-- Ogg/Vorbis for older Firefox and Opera versions --&gt;
        &lt;source type=&quot;video/ogg&quot; src=&quot;assets/vid/PhysicsEtoys.ogv&quot; /&gt;
        &lt;!-- Subtitles --&gt;
        &lt;track kind=&quot;subtitles&quot; src=&quot;assets/vid/subtitles.srt&quot; srclang=&quot;en&quot; /&gt;
        &lt;track kind=&quot;subtitles&quot; src=&quot;assets/vid/subtitles.vtt&quot; srclang=&quot;en&quot; /&gt;
        &lt;!-- Flash fallback for non-HTML5 browsers without JavaScript --&gt;
        &lt;object width=&quot;100%&quot; height=&quot;400&quot; type=&quot;application/x-shockwave-flash&quot; data=&quot;flashmediaelement.swf&quot;&gt;
            &lt;param name=&quot;movie&quot; value=&quot;flashmediaelement.swf&quot; /&gt;
            &lt;param name=&quot;flashvars&quot; value=&quot;controls=true&amp;file=assets/vid/PhysicsEtoys.mp4&quot; /&gt;
            &lt;!-- Image as a last resort --&gt;
            &lt;img src=&quot;assets/img/myVideo.jpg&quot; width=&quot;320&quot; height=&quot;240&quot; title=&quot;No video playback capabilities&quot; /&gt;
        &lt;/object&gt;
  &lt;/video&gt;
  </code></pre>
  <p>Here's the simple js:</p>
  <pre><code>$('video,audio').mediaelementplayer({
      features: ['playpause','progress','current','tracks','volume'],
      startLanguage: 'en'
  });
  </code></pre>
  <p>Any ideas?</p>
  <p>Thanks for any and all help in this matter!</p>