@extends('layouts.appUi')

@section('customStyle')
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.2/plyr.css" />
@endsection

@section('content')
{{-- <video id="video-player" playsinline></video> --}}


<video id="player" playsinline controls>
</video>
@endsection

@section('script')
<script src="https://cdn.plyr.io/3.7.2/plyr.js"></script>
<script src="https://player.live-video.net/1.13.0/amazon-ivs-player.min.js"></script>
<script>
  if (IVSPlayer.isPlayerSupported) {
    const player = IVSPlayer.create();
    player.attachHTMLVideoElement(document.getElementById('player'));
    player.load('https://55b881586a7b.us-west-2.playback.live-video.net/api/video/v1/us-west-2.046564294436.channel.2U4iAi6adbn1.m3u8');
    player.play();
    console.log('yes');
  } else {
    console.log('no');
  }
</script>
@endsection