多个非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>进入网站后台，在内容管理页将这段代码加入即可。