title: Videojs HLS m3u8 files are not playing in iOS devices and safari browser
body: <p>I am able to play the m3u8 files in the PC and android devices, but i am not able to play those files in the iOS mobile devices and safari browser,
  I disabled the overrideNative to 'true' for the android devices, so its working in the android.
  but we should not disable the native for iOS and safari, because iOS Safari uses a native player,
  so I have set the overridnative false for the iOS. but its not working.
  I am following new videojs versions.</p>
  
  <p><strong>videojs : 6.4.0</strong></p>
  
  <p><strong>videojs contrib hls: 5.12.2</strong></p>
  
  <p><strong>videojs flash: 2.0.1</strong></p>
  
  <p>Example </p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;meta charset=utf-8 /&gt;
      &lt;title&gt;videojs-contrib-hls&lt;/title&gt;
  
      &lt;link href="https://unpkg.com/video.js@6.4.0/dist/video-js.css" rel="stylesheet"&gt;
      &lt;script src="https://unpkg.com/video.js@6.4.0/dist/video.js"&gt;&lt;/script&gt;
      &lt;script src="https://unpkg.com/videojs-flash@2.0.1/dist/videojs-flash.js"&gt;&lt;/script&gt;
      &lt;script src="https://unpkg.com/videojs-contrib-hls@5.12.2/dist/videojs-contrib-hls.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
        &lt;h1&gt;Video.js Example Embed&lt;/h1&gt;
        &lt;video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="600" height="268" 
         data-setup='{}'&gt;
          &lt;source src="https://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL"&gt;
        &lt;/video&gt;
        &lt;script&gt;
          let videojshls= videojs('my_video_1', {  html5: {  
          nativeAudioTracks: false,
          nativeVideoTracks: false,
          hls: {
            debug: true,
            overrideNative: false
          }
         }});
        &lt;/script&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/sathishkotha/p0z489bv/" rel="nofollow noreferrer">example jsfiddle </a></p>
  
  <p>please can anyone help me. thanks </p>