NN2021040101/resources/views/vomevideo.blade.php

<div class="box">
    <div class="box-body">
        <ul class="mailbox-attachments clearfix">
                 @foreach($grid->rows() as $k=>$v)
                <li>
                        <span class="mailbox-attachment-icon has-img">
                        <div id="videoElement{{ $k }}" style="height:260;"></div>
                        </span>
                        <form action="{{ admin_url('romevideo') }}" method="post">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="id" value="{{ $v->id }}">
                        <div class="mailbox-attachment-info">
                        {{$v->name}} 
                        <button type="submit" class="btn btn-danger btn-xs">断流</button>
                        </div>
                    </form>
                </li>
             @endforeach
        </ul>
    </div>
    <div class="box-footer clearfix">
    </div>
</div>
<script src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.2.js" charset="utf-8"></script>
<script>
   @foreach($grid->rows() as $k=>$v)
     var player{{ $k }}=new TcPlayer('videoElement{{ $k }}', {
                "m3u8": "https://demo.xinshanghongniang.com/live/1400366497_r{{$v->id}}.m3u8",
                "flv": "https://demo.xinshanghongniang.com/live/1400366497_r{{$v->id}}.flv", //增加了一个 flv 的播放地址，用于PC平台的播放 请替换成实际可用的播放地址
                "autoplay" : true,      //iOS 下 safari 浏览器，以及大部分移动端浏览器是不开放视频自动播放这个能力的
                "poster" : "https://api.xinshanghongniang.com/logo.png",
                "height" : '260',//视频的显示高度，请尽量使用视频分辨率高度
                "wording": {
                    2048: "跨域访问被拒绝",
                }
                });
     @endforeach
    </script>
    <style>
.vcp-error-tips{font-size: 14px;}
    </style>