Hls video stream in Html5 videojs

<!DOCTYPE html>
<html lang="en">
  <head>
    <link href="http://vjs.zencdn.net/5.7.1/video-js.css" rel="stylesheet">
    <meta charset="utf-8">
    <title>title</title>
  </head>
  <body>
    <video id="example-video" width="600" height="300" class="video-js vjs-default-skin" controls>
      <source src="http://192.168.1.105:8080/hls/movie.m3u8" type="application/x-mpegURL">
    </video>
    <script src="http://vjs.zencdn.net/5.7.1/video.js"></script> <!-- video.js library latest version -->
    <script src="videojs-hls.min.js"></script> <!-- video.js hls plugin library latest version (from https://github.com/videojs/videojs-contrib-hls) -->
    <script>
    var player = videojs('example-video');
    player.play();
    </script>
  </body>
</html>