{{-- Layout --}}
@extends('admin.layout.layout')
@section('title','GAS LMS | Material stream')
{{-- Breadcrumb section --}}
@section('style')
<link href="https://vjs.zencdn.net/7.20.3/video-js.css" rel="stylesheet" />

@endsection
@section('breadcrumb')
<!--begin::Breadcrumb-->
<ul class="breadcrumb breadcrumb-dot fw-semibold text-gray-600 fs-7 my-1">
  <!--begin::Item-->
  <li class="breadcrumb-item text-gray-600">
      <a href="{{route('admin.dashboard')}}" class="text-gray-600 text-hover-primary">Home</a>
  </li>
  <!--end::Item-->
  <!--begin::Item-->
  <li class="breadcrumb-item text-gray-600">
    <a href="{{route('admin.course.index',$coffid)}}" class="text-gray-600 text-hover-primary">Materials</a>
  </li>
  <li class="breadcrumb-item text-gray-600">Material stream</li>
  <!--end::Item-->
</ul>
<!--end::Breadcrumb-->

@endsection
{{-- Content --}}
@section('content')
<div class="row">

 <div class="col-md-2"></div>

 <div class="col-md-8">
  <div class="card card-custom gutter-b">
      <div class="card-header">
      <div class="card-title">
        <h3 class="card-label">
        Basic Card
        <small>sub title</small>
        </h3>
      </div>
      </div>
      <div class="card-body d-flex justify-content-center">
          <video
          id="my-video"
          class="video-js vjs-big-play-centered"
          controls
          preload="auto"
          width="auto"
          height="auto"
          poster="{{env('SECURE_ASSETS').'/assets/media/logos/logo.png'}}"
          data-setup="{}"


        >
          <source src="{{$download_url}}" type="{{$mimeType}}" />
          {{-- <source src="MY_VIDEO.webm" type="video/webm" /> --}}
          <p class="vjs-no-js">
            To view this video please enable JavaScript, and consider upgrading to a
            web browser that
          </p>
        </video>
      </div>
    </div>
  </div>
   <div class="col-md-2"></div>

</div>
   @endsection
@section('js')
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
<script>
 document.addEventListener('contextmenu', event => event.preventDefault());
</script>