dr_py/templates/cms/mxpro/detailContent.html
2023-06-12 17:22:12 +08:00

482 lines
36 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<title>{{ctx.vod_name}}详情介绍-{{ctx.vod_name}}在线观看-{{ctx.vod_name}}迅雷下载 - {{ctx.web_name}}</title>
<meta name="referrer" content="no-referrer" />
<meta name="keywords" content="{{ctx.vod_name}}在线收看,{{ctx.vod_name}}迅雷下载" />
<meta name="description" content="{{ctx.vod_name}}剧情:" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" href="/static/img/favicon.svg" type="image/x-icon" />
<link rel="stylesheet" href="/web/cms/mxpro/css/iconfont.css" type="text/css" />
<link rel="stylesheet" href="/web/cms/mxpro/css/stui_default.css" type="text/css" />
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.min.js "></script>
<script type="text/javascript" src="/static/js/jquery.lazyload.min.js "></script>
<script type="text/javascript" src="/web/cms/mxpro/js/index.js"></script>
<script type="text/javascript" src="/web/cms/mxpro/js/home.js"></script>
<script src="/static/js/vue3.js"></script>
<script src="/static/js/axios.min.js"></script>
<script src="/static/js/eruda.js"></script>
<script type="text/javascript" src="/web/cms/mxpro/js/commonUtil.js"></script>
<script src="/web/cms/mxpro/js/commonUI.js"></script>
<link rel="stylesheet" href="/web/cms/mxpro/css/commonUI.css" type="text/css" />
<script>var maccms={"path":"","mid":"1","url":"5imv.cc","wapurl":"www.5imv.cc","mob_status":"2"};</script>
<!--[if lt IE 9]>
<script src="/web/cms/mxpro/js/html5shiv.min.js"></script>
<script src="/web/cms/mxpro/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="app">
<!--vue组件-头部导航-->
<stu-header :ctx="ctx" :items="items" :hotsuggs="hotsuggs" :is_home="is_home" :tid="tid"></stu-header>
<div class="container">
<div class="row">
<div class="stui-pannel clearfix">
<div class="stui-pannel-box">
<div class="stui-pannel__bd">
<div class="stui-content">
<div class="stui-content__thumb">
<a class="pic" title="{{ctx.vod_name}}">
<img class="lazyload" :data-original="dinfo.vod_pic" src="/web/cms/mxpro/img/load.gif" v-show="!iframeShow" @click.self="showBigImage($event)"/>
<stu-image :visible="photoVisible" :url="dinfo.vod_pic" @close_image="photoVisible=false"></stu-image>
<button v-show="iframeShow" onclick="openFullScreen()">全屏播放</button>
<button v-show="iframeShow" @click="openTestVideo">测试直链</button>
<iframe id="iframe-player" :src="iframeSrc" v-show="iframeShow"
allowfullscreen="true" allowtransparency="true" webkitallowfullscreen="true" mozallowfullscreen="true"
allow-same-origin="true" autoplay=1
name="iframe-player" scrolling="no" frameborder="0" ref="iframeRef"
></iframe>
</a>
</div>
<div class="stui-content__detail">
<h1 class="title">{{ctx.vod_name}}</h1>
<p class="data hidden-xs">{[dinfo.type_name]}</p>
<p class="data visible-xs">状态:<span style="color: #fdf751;">{[dinfo.vod_remarks]}</span></p>
<p class="data visible-xs">{[dinfo.vod_area]}</p>
<p class="data visible-xs">{[dinfo.vod_year]}</p>
<p class="data">{[dinfo.vod_director]}</p>
<p class="data">{[dinfo.vod_actor]}</p>
<p class="data hidden-xs">{[dinfo.vod_remarks]}</p>
<p class="desc detail">
<span class="left">简介:</span>
<span class="detail-sketch">{[vod_desc]}</span>
<span class="detail-content" style="display: none;">{[dinfo.vod_content]}</span>
<a class="detail-more" href="javascript:;">详情 <i class="icon iconfont icon-moreunfold"></i></a>
</p>
<div class="play-btn">
<a :href="fast_play" @click.prevent="lazyPlay(fast_play)">立即播放</a>
<!-- <a href="">收藏</a>-->
</div>
</div>
<div class="stui-content__side">
<p><img class="qrcode" width="150" height="150" style="padding: 10px; background-color: #fff;" /></p>
扫码用手机观看
</div>
</div>
<div v-for="(vod_tab,index) in vod_tabs" class="stui-vodlist__head">
<span class="pull-right1">无需安装任何插件</span>
<h3 class="title"><i class="iconfont icon-iconfontplay2"></i> {[vod_tab]}</h3>
<ul class="stui-content__playlist clearfix">
<li v-for="vod_url in vod_urls[index]">
<a :href="vod_url.url" @click.prevent="lazyPlay(vod_url.url)">{[vod_url.name]}</a>
</li>
</ul>
</div>
<div class="stui-vodlist__head">
<h3><a href="/vod/show/"><i class="iconfont icon-hot"></i> 猜你喜欢</a></h3>
</div>
<ul class="stui-vodlist clearfix">
<!-- <li style="display: none">-->
<!-- <div class="stui-vodlist__box">-->
<!-- <a class="stui-vodlist__thumb lazyload" href="/v/108223/" title="龙门镇" data-original="http://img.test.com/upload/vod/20230508-1/2585c6dc94d917baa383d3ffa04954f5.jpg">-->
<!-- <span class="play hidden-xs"></span>-->
<!-- <span class="pic-text1 text-right"><b>电影</b></span>-->
<!-- <span class="pic-text text-right"><b>完结</b></span>-->
<!-- </a>-->
<!-- <div class="stui-vodlist__detail">-->
<!-- <h4 class="title text-overflow"><a href="/v/108223/" title="龙门镇">龙门镇</a></h4>-->
<!-- <p class="text text-overflow text-muted hidden-xs">一龙 房岩 祁艳 陈嘉男</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
</ul>
</div>
</div>
</div>
</div>
</div>
<span class="mac_ulog_set hide" alt="浏览记录" data-type="1" data-mid="1" data-id="49064" data-sid="0" data-nid="0"></span>
<span class="mac_history_set hide" alt="历史记录" data-name="[电影]黑豹2" data-pic="https://img.liangzipic.com/upload/vod/20221116-1/1f450ee626545c2722b610fe747c8083.jpg"></span>
<!--组件调用一定要右闭合,否则后面的代码无法正常运行-->
<!--vue组件-版权信息-->
<copy-right path="{{ctx.path}}" web_name="{{ctx.web_name}}" ></copy-right>
<!--vue组件-底部按钮-->
<foot-button></foot-button>
<!--vue组件-弹窗信息-->
<note-popup path="{{ctx.path}}" url="{{ctx.url}}"></note-popup>
</div>
<!--vue结束-->
<script>
const { createApp,defineEmits,reactive, toRefs, ref,getCurrentInstance,onBeforeMount, onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount, onUnmounted, watch,computed } = Vue;
const app = createApp({
delimiters: ['{[', ']}'],//delimiters改变默认的插值符号
props: {},
setup(props, context) {
onMounted(()=> {
console.log('---onMounted---');
axios.get(`/vod?pwd=${pwd}&rule=${web_name}&ids=${vod_id}&ac=detail`).then((resp) => {
console.log(resp.data);
details.value = resp.data;
// 存浏览器session里然后其它页面好获取出来
// sessionStorage.setItem('details',JSON.stringify(resp.data));
// console.log(typeof(stui.images.lazyload));
dinfo.value = details.value.list[0];
dinfo.value.vod_desc = dinfo.value.vod_content.slice(0,100)+'...';
$('meta[name="description"]').attr('content',dinfo.value.vod_name+'剧情:'+dinfo.value.vod_content);
setTimeout(function (){
stui.images.lazyload();
stui.images.carousel();
},300);
});
//
// axios.get(`/hotsugg`).then((resp) => {
// console.log(resp.data);
// hotsuggs.value = resp.data;
// sessionStorage.setItem('hotsuggs',JSON.stringify(resp.data));
// });
});
onBeforeUnmount(()=>{
//销毁页面组件前, 即关闭
console.log("*******onBeforeUnmount******")
});
onUnmounted(()=>{
//销毁后
console.log("*******onUnmounted******")
});
console.log('---setup---');
//获取当前实例
const {self, proxy} = getCurrentInstance();
const web_name = '{{ctx.web_name}}';
const pwd = '{{ctx.pwd}}';
const tid = '{{ctx.tid}}';
const vod_id = '{{ctx.vod_id}}';
const vod_name = '{{ctx.vod_name}}';
console.log(web_name);
// 图片不加载问题???
// const items = ref({"class":[{"type_id":"1","type_name":"电影"},{"type_id":"2","type_name":"电视剧"},{"type_id":"3","type_name":"综艺"},{"type_id":"4","type_name":"动漫"},{"type_id":"5","type_name":"哔哩"}],"list":[{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/49064/","vod_name":"黑豹2","vod_pic":"https://img.liangzipic.com/upload/vod/20221116-1/1f450ee626545c2722b610fe747c8083.jpg","vod_remarks":"完结"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/49311/","vod_name":"满江红","vod_pic":"https://img.liangzipic.com/upload/vod/20230125-1/d483055d1f3dfc2cf1f758ab1bbee54e.jpg","vod_remarks":"完结"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48994/","vod_name":"无名","vod_pic":"https://img.liangzipic.com/upload/vod/20230202-1/61e57ef2332e0d3a58efba85af31b8d4.jpg","vod_remarks":"完结"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/49349/","vod_name":"流浪地球2","vod_pic":"https://img.liangzipic.com/upload/vod/20230123-1/740fab8bae29be447749777b08e66b61.jpg","vod_remarks":"HD国语"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/47473/","vod_name":"毒舌律师","vod_pic":"https://img.liangzipic.com/upload/vod/20230307-1/2e9deaa0d9eac305d0ec64b8002a5801.jpg","vod_remarks":"TC国语"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48160/","vod_name":"交换人生2023","vod_pic":"https://img.liangzipic.com/upload/vod/20230224-1/1e917fe9ac694ffcc4ce28cd46f93156.jpg","vod_remarks":"HD"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107952/","vod_name":"侠盗之簪花乱","vod_pic":"http://img.test.com/upload/vod/20230505-1/c9f06d89004ed80002843ccc849c5777.jpg","vod_remarks":"HD国语"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/108177/","vod_name":"微不足道","vod_pic":"http://img.test.com/upload/vod/20230213-19/aa9cd71d67f141f4493a406ab5aaed2c.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48379/","vod_name":"少年吔,安啦!","vod_pic":"https://img.liangzipic.com/upload/vod/20230218-1/74960fc4f8b9b492ad6a1f6ab3bf608a.jpg","vod_remarks":"HD国语"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48348/","vod_name":"大毒枭","vod_pic":"https://img.liangzipic.com/upload/vod/20230219-1/8ff8e1e37ad4b75c377e124363243e3a.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48287/","vod_name":"豺狼的日子","vod_pic":"https://img.liangzipic.com/upload/vod/20230221-1/19898f52b154346736b095c3f3bf846d.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48242/","vod_name":"相约在今生","vod_pic":"https://img.liangzipic.com/upload/vod/20230222-1/4b978ab6a451d5c904b0cedf0b2b7fe7.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48232/","vod_name":"圣徒指南","vod_pic":"https://img.liangzipic.com/upload/vod/20230222-1/33d73b420773bcdc0f2140b71595b448.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/32925/","vod_name":"善意的背叛","vod_pic":"https://pic7.iqiyipic.com/image/20210915/60/44/v_153114876_m_601_m1_579_772.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/24761/","vod_name":"纽约大逃亡","vod_pic":"https://pic5.iqiyipic.com/image/20210916/0c/e4/v_109867443_m_601_m7_579_772.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/19184/","vod_name":"我一直知道你去年夏天干了什么","vod_pic":"https://puui.qpic.cn/vcover_vt_pic/0/l5uhu4tvu89tidqt1444907491.jpg/770","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48381/","vod_name":"浑身是劲1984","vod_pic":"https://img.liangzipic.com/upload/vod/20230218-1/ecead29b6afecfd65d745c98f59b6996.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/48359/","vod_name":"炮弹飞车","vod_pic":"https://img.liangzipic.com/upload/vod/20230219-1/38f988c9de4d1b62c5ea31964b714a43.jpg","vod_remarks":"HD中字"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107075/","vod_name":"战火中的青春","vod_pic":"http://m.ykimg.com/050C00006444E3941427220AE6B4613A","vod_remarks":"更新至25集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/85418/","vod_name":"长月烬明","vod_pic":"http://m.ykimg.com/050C0000642E60181427220B3D761907","vod_remarks":"更新至38集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107914/","vod_name":"又见仲夏夜之星","vod_pic":"https://img.liangzipic.com/upload/vod/20230504-1/8326ba29482feed945ab926f825dee45.jpg","vod_remarks":"更新至10集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/96611/","vod_name":"凌云志","vod_pic":"http://m.ykimg.com/050C000063F3060213EB660AD1C42151","vod_remarks":"更新至31集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107810/","vod_name":"平凡之路","vod_pic":"https://puui.qpic.cn/vcover_vt_pic/0/mzc00200k1qzwd51667457705800/0","vod_remarks":"更至14集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107717/","vod_name":"云襄传","vod_pic":"https://img.liangzipic.com/upload/vod/20230501-1/a79b1b7fdf3ca5b8bab06d0f6d8dd833.jpg","vod_remarks":"更新至18集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107548/","vod_name":"破事精英2","vod_pic":"https://pic7.iqiyipic.com/image/20230428/40/85/a_100517919_m_601_m8_260_360.jpg","vod_remarks":"更新至22集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107936/","vod_name":"门当户怼","vod_pic":"http://m.ykimg.com/050C0000642139322052EE0B04C5E6B9","vod_remarks":"更新至22集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/108154/","vod_name":"外婆的新世界","vod_pic":"http://img.test.com/upload/vod/20230507-1/d84ffcd80c57139b0608d4de9bad7194.jpg","vod_remarks":"更新至3集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/106996/","vod_name":"无眠之境","vod_pic":"http://img.test.com/upload/vod/20230423-1/5b132dea563990bcc1041a2c898bf160.jpg","vod_remarks":"更新至18集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107553/","vod_name":"那场雨爱上你","vod_pic":"http://img.test.com/upload/vod/20230430-1/5a3590957fc36f8d62b69ce3d35fc2e9.jpg","vod_remarks":"更新至第02集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/106540/","vod_name":"男妓","vod_pic":"https://tuhaotv.oss-cn-hangzhou.aliyuncs.com/upload/vod/20230417-1/099d57e2f1cbcca6a339ebf764db0f9d.jpg","vod_remarks":"更新至第09集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/106482/","vod_name":"妈妈咪呀第八季","vod_pic":"https://pic4.iqiyipic.com/image/20230415/a3/0d/a_100533499_m_601_m1_260_360.jpg","vod_remarks":"更新至2023-5-6期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/96330/","vod_name":"青春环游记第四季","vod_pic":"https://img.liangzipic.com/upload/vod/20230409-1/46a582d94e1f8338db4df2b92168921b.jpg","vod_remarks":"更新至20230506期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/78075/","vod_name":"追星星的人第三季","vod_pic":"https://pic7.iqiyipic.com/image/20230311/30/4b/a_100530604_m_601_m4_579_772.jpg","vod_remarks":"更新至2023-5-6期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/80/","vod_name":"金牌调解","vod_pic":"https://pic6.iqiyipic.com/image/20220222/40/f0/a_50907959_m_601_m18_579_772.jpg","vod_remarks":"20230506期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107983/","vod_name":"台柱子","vod_pic":"https://img.liangzipic.com/upload/vod/20230505-1/350a0c832c5aba7d65c85f5e590cb6ca.jpg","vod_remarks":"更新至2023-5-7期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107988/","vod_name":"爸爸当家第二季","vod_pic":"https://img.liangzipic.com/upload/vod/20230505-1/5971ba5d46de1afadbba32ef15822e95.jpg","vod_remarks":"更新至2023-05-07期期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/108112/","vod_name":"妙不可言","vod_pic":"https://img.liangzipic.com/upload/vod/20230507-1/d6781fafc74fe2ff500c61ff759457fc.jpg","vod_remarks":"更新至20230506期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/108100/","vod_name":"中国说唱巅峰对决2023","vod_pic":"https://pic8.iqiyipic.com/image/20230506/ca/d8/a_100517503_m_601_m15_260_360.jpg","vod_remarks":"更新至2023-5-7期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/78562/","vod_name":"甜蜜的任务2023","vod_pic":"https://2img.hitv.com/preview/sp_images/2023/01/17/202301171806216388531.jpg","vod_remarks":"更新至2023-05-07期期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/78226/","vod_name":"声生不息·宝岛季","vod_pic":"https://0img.hitv.com/preview/sp_images/2023/03/13/202303130943459677164.jpg","vod_remarks":"更新至2023-05-07期期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/26620/","vod_name":"种地吧","vod_pic":"https://pic2.iqiyipic.com/image/20230203/20/f1/a_100517523_m_601_m5_579_772.jpg","vod_remarks":"更新至2023-5-7期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/84950/","vod_name":"声生不息·宝岛季卫视版","vod_pic":"https://img.liangzipic.com/upload/vod/20230326-1/570c3b1c6059915d1068a8cc579bcdcc.jpg","vod_remarks":"更新至2023-05-07期期"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/26993/","vod_name":"绝世战魂动态漫画","vod_pic":"https://pic2.iqiyipic.com/image/20211028/93/7f/a_100445493_m_601_m3_579_772.jpg","vod_remarks":"全剧集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107013/","vod_name":"青莲剑仙传","vod_pic":"http://img.test.com/upload/vod/20230423-1/e4a96f7369355b83e41a2a026b5efdb1.jpg","vod_remarks":"全剧集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/33639/","vod_name":"噬神纪","vod_pic":"https://m.ykimg.com/0527000063ABEBB52052EE09928EB7EA","vod_remarks":"更至29集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/120/","vod_name":"斗破苍穹年番","vod_pic":"https://puui.qpic.cn/vcover_vt_pic/0/mzc0020027yzd9e1656210118396/770","vod_remarks":"更至43集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/108/","vod_name":"武神主宰","vod_pic":"https://puui.qpic.cn/vcover_vt_pic/0/7q544xyrava3vxf1610952810187/770","vod_remarks":"更至330集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/96/","vod_name":"绝世武魂","vod_pic":"https://puui.qpic.cn/vcover_vt_pic/0/mzc00200no18bci1596439143337/770","vod_remarks":"更至268集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/33/","vod_name":"妖神记","vod_pic":"https://pic9.iqiyipic.com/image/20200916/6c/34/a_100051664_m_601_m6_579_772.jpg","vod_remarks":"更至310集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/78407/","vod_name":"仙武传","vod_pic":"https://img.liangzipic.com/upload/vod/20230319-1/278cafaa4be6bdccf986fdcbc11b8454.jpg","vod_remarks":"更新至9集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/33637/","vod_name":"最强主宰","vod_pic":"https://m.ykimg.com/0527000063A0069213E74209C3D7E047","vod_remarks":"更至07集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/33621/","vod_name":"剑域风云","vod_pic":"https://m.ykimg.com/0526000061A2E34613F7FF09852232C5","vod_remarks":"更新至74集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/33549/","vod_name":"星河至尊","vod_pic":"https://m.ykimg.com/05260000625516D72037DD092DB4F0D9","vod_remarks":"全剧集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/118/","vod_name":"假面骑士极狐","vod_pic":"https://pic2.iqiyipic.com/image/20230106/74/bc/a_100526365_m_601_m2_579_772.jpg","vod_remarks":"更新至18集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/43805/","vod_name":"我是不白吃","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/205c8d7027e989044ae7711879c2f66f14bfa206.jpg","vod_remarks":"更新至555集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/43837/","vod_name":"元气食堂","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/a1b5c728fd5cc0a608cecf5263e23966f69a2c8f.jpg","vod_remarks":"全剧集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/43800/","vod_name":"星座狗联盟","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/38d268945aee0a00675b10132008592a8b3f14e6.png","vod_remarks":"更新至242集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/43839/","vod_name":"阿衰第九季","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/1e4432377f9692c2891974c199e8670864c756cc.jpg","vod_remarks":"更新至29集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/47147/","vod_name":"邻家的天使同学","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/feb72632146135571b144a15618c5880a19f8214.png","vod_remarks":"更新至11集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/96353/","vod_name":"名侦探柯南:犯人犯泽先生","vod_pic":"http://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png","vod_remarks":"更新至6集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/96352/","vod_name":"名侦探柯南:犯人犯泽先生(中配)","vod_pic":"http://i0.hdslb.com/bfs/bangumi/image/38e2a273f528fd01c34f1fc4df0f69c64487efad.png","vod_remarks":"更新至6集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/107081/","vod_name":"赘婿","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/9e31f665d2d1a93c157b7b1a2c9ae02d26642899.png","vod_remarks":"更新至6集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/108149/","vod_name":"超元绝战","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/a41ec03de05e444d984258c0fbb7e0792b99a80e.jpg","vod_remarks":"更新至5集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/85561/","vod_name":"假面骑士极狐(中配)","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/e5a6c85d04ddaaf5b65fac1520677a041058ea1b.png","vod_remarks":"更新至18集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/85560/","vod_name":"假面骑士极狐","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/e5a6c85d04ddaaf5b65fac1520677a041058ea1b.png","vod_remarks":"更新至18集"},{"no_use":{"type_id":1,"type_name":"首页推荐","vod_content":""},"vod_id":"https://www.5imv.cc/v/43817/","vod_name":"萌芽熊","vod_pic":"https://i0.hdslb.com/bfs/bangumi/image/d2b309d46aa759277a04650bd291f867e3084d6e.jpg","vod_remarks":"更新至93集"}],"no_use":{"code":1,"limit":6,"msg":"数据列表","now_count":66,"page":1,"pagecount":11,"total":66}})
const ctx_str = "ctxObj={{ctx|safe}}";
eval(ctx_str);
// console.log(ctxObj)
const ctx = ref(ctxObj);
const items = ref({
class:[],
list:[],
});
const details = ref({
list:[],
});
const dinfo = ref({
vod_content:''
});
// const hotsuggs = ref({"code":200,"count":50,"data":[{"title":"漫长的季节","url":""},{"title":"你给我的喜欢","url":""},{"title":"奔跑吧 第7季","url":""},{"title":"斗破苍穹年番","url":""},{"title":"完美世界","url":""},{"title":"平凡之路","url":""},{"title":"斗罗大陆","url":""},{"title":"画江湖之不良人 第6季","url":""},{"title":"云襄传","url":""},{"title":"满江红","url":""},{"title":"遮天","url":""},{"title":"只是结婚的关系","url":""},{"title":"哈哈哈哈哈 第3季","url":""},{"title":"星辰变 第5季","url":""},{"title":"吞噬星空","url":""},{"title":"极限挑战 第9季","url":""},{"title":"月升沧海","url":""},{"title":"听说你喜欢我","url":""},{"title":"雪中悍刀行","url":""},{"title":"无间","url":""},{"title":"小猪佩奇第9季","url":""},{"title":"流浪地球2","url":""},{"title":"迪迦奥特曼 普通话版","url":""},{"title":"宝贝赳赳 第五季","url":""},{"title":"天赐的声音 第4季","url":""},{"title":"银河护卫队","url":""},{"title":"一人之下 第5季","url":""},{"title":"我们的婚姻","url":""},{"title":"全职法师 第6季","url":""},{"title":"汪汪队立大功第八季","url":""},{"title":"青春环游记 第4季","url":""},{"title":"欢乐颂4","url":""},{"title":"新三国","url":""},{"title":"扫黑风暴","url":""},{"title":"黑豹2","url":""},{"title":"《人生路不熟》主创漫谈","url":""},{"title":"爱情而已","url":""},{"title":"长月烬明","url":""},{"title":"王牌对王牌 第8季","url":""},{"title":"你是我的荣耀","url":""},{"title":"大话西游之大圣娶亲·加长纪念版","url":""},{"title":"陈情令","url":""},{"title":"熊出没之冬日乐翻天","url":""},{"title":"新僵尸先生","url":""},{"title":"沸腾人生","url":""},{"title":"银河护卫队2","url":""},{"title":"那年花开月正圆","url":""},{"title":"名侦探柯南 普通话版","url":""},{"title":"云顶天宫","url":""},{"title":"欢乐颂","url":""}],"msg":"获取成功"});
const hotsuggs = ref({
data:[]
});
const vod_desc = computed(() => {
console.log('计算vod_desc');
return dinfo.value.vod_content?dinfo.value.vod_content.slice(0,100)+'...':'';
});
const vod_tabs = computed(() => {
console.log('计算vod_tabs');
return dinfo.value.vod_play_from?dinfo.value.vod_play_from.split('$$$'):[];
});
const vod_urls = computed(() => {
console.log('计算vod_urls');
let urls = [];
if(dinfo.value.vod_play_url){
let tab_urls = dinfo.value.vod_play_url.split('$$$');
tab_urls.forEach(((tab_url,index)=>{
let vurls = tab_url.split('#').map(it=>{return {name:it.split('$')[0],url:it.split('$')[1]}});
urls.push(vurls);
}));
}
console.log(urls);
return urls
});
const fast_play = computed(() => {
console.log('fast_play');
return vod_urls.value&&vod_urls.value.length>0?vod_urls.value[0][0].url:'';
});
const is_home = ref(true);
try {
items.value = JSON.parse(sessionStorage.getItem('items'))||items.value;
hotsuggs.value = JSON.parse(sessionStorage.getItem('hotsuggs'))||hotsuggs.value;
}catch (e) {}
const iframeSrc = ref('');
const iframeShow = ref(false);
const photoVisible = ref(false);
const iframeRef = ref(null);
var sniffer;
const {isVideo,getRealUrl} = commonUtil;
// get302UrlResponse('/vod?pwd=dzyyds&rule=007影视&ext=&play_url=https%3A//www.007ts.me/play/69636-3-1.html',(resp)=>{
// console.log('重定向到:',resp);
// });
// getRealUrl('/vod?pwd=dzyyds&rule=007影视&ext=&play_url=https%3A//www.007ts.me/play/69636-3-1.html',(res)=>{
// console.log('重定向到:',res);
// });
const methods = {
async lazyPlay(url){
iframeShow.value = true;
console.log('准备处理播放地址:'+url);
clearInterval(sniffer);
try {
if(isVideo(url)){
console.log('直接播放');
methods.setPlayUrl(url);
return
}
const res =await getRealUrl(url,(resp)=>{
// console.log('代理数据:',resp.data);
return resp.data
});
// console.log(res);
let res_data = res.data;
try {
res_data = JSON.parse(res_data);
}catch (e) {
}
// console.log(res_data);
// console.log(res.url);
// console.log(res.redirect);
if(res.redirect){ // 重定向的直接设置播放器的值
if(isVideo(res.url)){ // 判断重定向的为直链
methods.setPlayUrl(res.url);
return
}else{
console.log('重定向待嗅探页面,但是由于跨域问题,只好内嵌播放页播放');
iframeSrc.value = res.url;
}
console.log(location.href);
if(location.href.includes('debug=1')){
throw new Error('重定向网页直接播放,尝试嗅探(存在跨域无法嗅探问题,暂时考虑直接内嵌人家的播放页)');
}else{
return
}
}
// const res = await axios.get(url,{maxRedirects: 0});
// const { status, headers: { Location } } = res;
// // console.log(status);
// console.log(res.request.responseURL);
// if (status === 302) {
// console.log(Location);
// }
// console.log(res.data);
console.log(res_data);
if(typeof(res_data)==='string'){
iframeRef.value.contentWindow.location.reload();
iframeSrc.value = url;
throw new Error('返回的数据是文本无法直接播放,尝试嗅探');
} else if(!res_data.parse&&res_data.url){
methods.setPlayUrl(res_data.url);
}else if(/url=/.test(res_data.url)){
iframeSrc.value = res_data.url;
} else if((res_data.parse||res_data.jx)&&res_data.url){
console.log(ctx.value);
iframeSrc.value = res_data.url;
if(confirm('该视频来自其它正版地址,drpy网页暂未实现解析功能,是否跳到正版站通过油猴插件等手段播放?')){
open(res_data.url);
}
}
}catch (e) {
console.log('抓到了错误:'+e.message);
console.log('iframeSrc.value:',iframeSrc.value);
iframeSrc.value = url;
const total_time = 10000;
var counter = 1; // 嗅探计数
var speeder = 250; // 嗅探间隔
var total_counter = total_time/speeder;
let iframeWindow = iframeRef.value.contentWindow;
console.log(`开始嗅探,最多嗅探:${total_counter}次...`);
sniffer = setInterval(function (){
console.log(`${counter}次嗅探开始`);
if(counter >= total_counter){
clearInterval(sniffer);
console.log(`嗅探超时并结束,共计嗅探:${counter}`);
return
}
try {
let resources = iframeWindow.performance.getEntriesByType('resource');
console.log(resources);
for(const resource of resources){
let res_url = resource.name;
let res_url2 = res_url.split('?')[0];
if(res_url.endsWith('.m3u8')||res_url2.endsWith('.m3u8')){
console.log(`嗅探到m3u8文件:${res_url},共计嗅探:${counter}`);
clearInterval(sniffer);
methods.setPlayUrl(res_url);
break;
}else if(res_url.endsWith('.mp4')||res_url2.endsWith('.mp4')){
console.log(`嗅探到mp4文件:${res_url},共计嗅探:${counter}`);
clearInterval(sniffer);
methods.setPlayUrl(res_url);
break;
}else if(/\.(m4a|mp3|flv|aac)$/.test(res_url)||/\.(m4a|mp3|flv|aac)$/.test(res_url2)){
console.log(`嗅探到音频文件:${res_url},共计嗅探:${counter}`);
clearInterval(sniffer);
methods.setPlayUrl(res_url);
break;
}
}
}catch (e) {
console.log(`${counter}次嗅探发生错误:`,e.message);
}
console.log(`${counter}次嗅探完毕`);
counter+=1;
},speeder);
}
},
showBigImage(e) {//点击图片函数点击后把photoVisible设置成true
// console.log('showBigImage:',e);
if (e !== "") {
// this.photoVisible = true; // 这样也可以
photoVisible.value = true;
}
},
openTestVideo(e){
methods.lazyPlay('https://sf9-dycdn-tos.pstatp.com/obj/tos-cn-i-8gu37r9deh/7c399215485c40cb9f1d1da640354a12?filename=1.mp4');
// iframeSrc.value = ctx.value.path+'?url='+'https://sf9-dycdn-tos.pstatp.com/obj/tos-cn-i-8gu37r9deh/7c399215485c40cb9f1d1da640354a12?filename=1.mp4';
},
setPlayUrl(url){
if(url.includes('url=')){
url = url.split('url=')[1];
}
iframeSrc.value = ctx.value.path+'?url='+url;
}
}
return {
...methods,
ctx,
items,
is_home,
hotsuggs,
web_name,
tid,
vod_id,
vod_name,
details,
dinfo,
vod_desc,
vod_tabs,
vod_urls,
fast_play,
iframeSrc,
iframeShow,
photoVisible,
iframeRef,
sniffer,
isVideo,getRealUrl
}
},
});
// 默认请求的基础url如果axios请求的地址不带域名自动添加baseURL默认请求域名/当前域名)
axios.defaults.baseURL = "/";
// 设置post请求头的content-Type值
// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.headers.post['Content-Type'] = 'application/json';
// 请求超时5000毫秒
axios.defaults.timeout = 5000;
axios.defaults.withCredentials = true;
app.config.globalProperties.$http = axios;
console.log('---这里最先执行---');
app.component('copy-right', copyRightComponent);
app.component('foot-button', footButtonComponent);
app.component('note-popup', notePopup);
app.component('stu-header', stuHeaderComponent);
app.component('stu-image', StuImageComponent);
app.mount('#app');
eruda.init();
</script>
<!--<script src='/web/cms/mxpro/js/rich-tf.js' id="richid" data='s=7214'></script>-->
<!--<script charset="UTF-8" id="LA_COLLECT" src="/web/cms/mxpro/js/js-sdk-pro.min.js"></script>-->
<!--<script>LA.init({id:"JYQUFCtAOBTUMsNQ",ck:"JYQUFCtAOBTUMsNQ"})</script>-->
<script type="text/javascript" src="/web/cms/mxpro/js/stui_default.js "></script>
<!--弹窗样式和自动弹窗方法-->
<link rel="stylesheet" href="/web/cms/mxpro/css/notice.css" type="text/css">
<script type="text/javascript" src="/web/cms/mxpro/js/mxhtml.js"></script>
<script type="text/javascript">
$(".stui_header__user li a").click(function(){
$(this).parent().find(".dropdown").toggle();
});
function notnull() {
if (window.document.search.wd.value=="") {
alert("您未输入任何信息!");
return false;
}else {
return true;
}
}
$(function(){
$(window).scroll(function() {
if($(window).scrollTop() >= 100){
$('.ant-back-top').fadeIn(300);
}else{
$('.ant-back-top').fadeOut(300);
}
});
$('.ant-back-top').click(function(){
$('html,body').animate({scrollTop: '0px'}, 800);});
});
function openFullScreen(){
console.log('点击全屏');
let elem = document.getElementById('iframe-player');
if (elem.requestFullScreen) {
elem.requestFullScreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullScreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullScreen();
} else if (elem.msRequestFullScreen) { /* IE/Edge */
elem.msRequestFullScreen();
}
}
</script>
</body>
</html>