@extends('layouts.template')

@section('title', 'Health')


@section('header')
   <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.0.0-RC.5/video.js"></script>
   <!-- PC 端浏览器不支持播放 hls 文件(m3u8), 需要 videojs-contrib-hls 来给我们解码 -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.3.3/videojs-contrib-hls.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-hotkeys/0.2.25/videojs.hotkeys.min.js"></script>

@stop

@section('navbar_content')
    @include('layouts.navbar_li')
@stop

@section('content')
<div class="row">
      <div class="col-sm-5">
         <video id="hls-example" class="video-js vjs-default-skin" width="400" height="300" controls="controls" autoplay="autoplay"
    x-webkit-airplay="true" x5-video-player-fullscreen="true"
    preload="auto" playsinline="true" webkit-playsinline x5-video-player-typ="h5">
            <source type="application/x-mpegURL" src="/video/index.m3u8">
         </video>
      </div>
      <div class="col-sm">
      
      </div>
</div>

<script>
   var player = videojs("hls-example");
   player.play();
</script>
@stop