多个非iframe视频不换页播放方法

多个非iframe视频不换页播放方法

<!--
<script src="/video/static/js/nocopy.js"></script>
-->
<script src="/video/static/js/hls.min.js"></script>
<script src="/video/static/js/flv.min.js"></script>
<script src="/video/static/js/dplayer.min.js"></script>
<link rel="stylesheet" href="/video/static/css/dplayer.min.css" >
<link rel="stylesheet" href="/video/static/css/style_1.css" >
   
<div class="playbox">
    <div class="player">
        <i class="off"></i>
        <div id="dplayer" class="videoplayer" oncontextmenu="return false"></div>
        <script>
            const dp = new DPlayer({
                container: document.getElementById('dplayer'),
                video: {
                    url: "http://wshls.live.migucloud.com/live/C788MHFD_C0/playlist.m3u8",
                }
            });               
            function lys_video_juji(ddd) {
                $('.juji .on').removeClass('on');
                event.target.classList.add('on');
                const dp = new DPlayer({
                    container: document.getElementById('dplayer'),
                    autoplay: true,
                    video: {
                        url: ddd,
                    }
                });
            }
        </script>
    </div>
</div>

<div class="playlist">
     <div class="juji">        
        <ul>
            <!--洛阳-->
            <li><a class="on" href="javascript:void(0)" onclick="lys_video_juji('https://1grhdgmt1gy4nhct18yzdgptpq73so5duptwzc3jqpiwsq7mdptzzk3y.wslivehls.com/wshlslive.migucloud.com/live/6AL7GTQX_C0/playlist.m3u8')">洛阳综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10323-1.m3u8')">新安综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10322-2.m3u8')">孟津综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10327-1.m3u8')">宜阳综合</a></li>
            <!--郑州-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10185-1.m3u8')">登封综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10184-1.m3u8')">新郑综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10181-1.m3u8')">巩义综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10183-2.m3u8')">新密综合</a></li>
            <!--平顶山-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10423-1.m3u8')">鲁山综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10425-1.m3u8')">郏县综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10422-1.m3u8')">叶县一套</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10421-1.m3u8')">宝丰综合</a></li>
            <!--三门峡-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/11281-1.m3u8')">义马综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/11221-1.m3u8')">渑池综合</a></li>
            <!--许昌-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/11081-1.m3u8')">禹州综合</a></li>
            <!--商丘-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/11481-1.m3u8')">永城综合</a></li>
            <!--驻马店-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/11729-1.m3u8')">新蔡综合</a></li>
            <!--南阳-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/11329-1.m3u8')">新野综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/11326-1.m3u8')">淅川综合</a></li>
            <!--周口-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/11628-1.m3u8')">鹿邑综合</a></li>
            <!--新乡-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10727-1.m3u8')">封丘综合</a></li>
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10781-1.m3u8')">卫辉综合</a></li>
            <!--十堰-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://p8.vzan.com/slowlive/034028687228317362/live.m3u8')">十堰新闻</a></li>
            <!--鹤壁-->
            <li><a href="javascript:void(0)" onclick="lys_video_juji('http://tvpull.dxhmt.cn:9081/tv/10622-1.m3u8')">淇县电视台</a></li>
        </ul>
    </div>
</div>

进入网站后台，在内容管理页将这段代码加入即可。