827

parent cdb2f41d
...@@ -11,4 +11,4 @@ ...@@ -11,4 +11,4 @@
position: fixed; position: fixed;
background: #f4f4f4; background: #f4f4f4;
} }
/* html{font-size: 1px;} */</style><link href=static/css/app.f983055a19b69eb54137ee36031e8a72.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=static/js/manifest.b30954e4e55804641f73.js></script><script type=text/javascript src=static/js/vendor.4be568091a0ee224c7a1.js></script><script type=text/javascript src=static/js/app.095c2fa0fd2d96816645.js></script></body></html> /* html{font-size: 1px;} */</style><link href=static/css/app.f983055a19b69eb54137ee36031e8a72.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=https://sdk-release.qnsdk.com/qiniu-web-player-1.2.0.js></script><script></script><script type=text/javascript src=static/js/manifest.9b95f807aa08e11b64c3.js></script><script type=text/javascript src=static/js/vendor.4be568091a0ee224c7a1.js></script><script type=text/javascript src=static/js/app.095c2fa0fd2d96816645.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(f,b,n){for(var r,t,o,i=0,u=[];i<f.length;i++)t=f[i],c[t]&&u.push(c[t][0]),c[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(f,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var f={},c={62:0};function d(a){if(f[a])return f[a].exports;var c=f[a]={i:a,l:!1,exports:{}};return e[a].call(c.exports,c,c.exports,d),c.l=!0,c.exports}d.e=function(e){var a=c[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var f=new Promise(function(f,d){a=c[e]=[f,d]});a[2]=f;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+({0:"vendor-async"}[e]||e)+"."+{0:"78d248f24ee84ccfea64",1:"c693c79d8230ab8ab063",2:"aa6329edd741532bf257",3:"f7c62fc4f228d806f78d",4:"12e9fe37eeaae4f8b8cb",5:"dc1e143a809fb7bf0e37",6:"c7cc7df111d85cf27b9b",7:"05a32025a8fddbc1baac",8:"658cc04e84f92f41f1ab",9:"fd9b51a585d340913648",10:"5a957419a2296c4d916f",11:"f2fc172edad2af4d9a25",12:"ea6bfc7bad97caae756e",13:"b02930589a633523d0a9",14:"1a7c8152259a1b7a69ae",15:"eec555b5baabb8d880ec",16:"7d63a555d09f61a48c1d",17:"47c8a9ad84bde8fad52d",18:"937fb2936f4011e0ecdb",19:"726b2eb0846f8a8cae74",20:"6c74ce4ba953f194a3e2",21:"959dc648ef4c09104245",22:"0883d5a6fd98e4dd3e2e",23:"bcad8fdb4672062e9762",24:"d6614767b1493b95d094",25:"22ce34fccc1c8f50f979",26:"dbae764de165004fff8c",27:"ec86b970de4881d551c0",28:"04e72dc6376712f2e4eb",29:"a138dfff2377f6a5c2af",30:"280ceb0496063ed55538",31:"d4f35e62317f924d294f",32:"55cac4d22ab53130bff3",33:"b0956163dab361c1dedd",34:"e19322ab3d8095058c11",35:"73f36f0e7828f7b45259",36:"ab354a89fc431f836f9a",37:"0107e3ea8257f7bb3438",38:"7ba3c754b4fe35d04de2",39:"d7e20e6113fac27e7567",40:"10f2b2280c2453fd9ea0",41:"1844e641d4d43c3aa993",42:"d9cca35f41769b84c3ae",43:"5fedf60293d393bde2e7",44:"f9393d5a74e53b43069b",45:"1f3bfc55f087411c42ba",46:"4ff50aba231caaa84556",47:"d9eb6ea125a21cba85ee",48:"6812dcce97386e609e81",49:"d862226dfc8aa085cc6b",50:"0bf2f3fd6f5e9b52927b",51:"3b11819e7fdd48b31430",52:"9ab3d3d45b23b3244e58",53:"75c46d10906f61508189",54:"22c87bb343ad428c7076",55:"ddafaf9b9e5d4c57f35c",56:"d31d4315ea573662e03c",57:"efaedd385f1dfdf77bfc",58:"56aeb27e9169d8c10dfb",59:"c82598f845f15ca247b6"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=c[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),f},d.m=e,d.c=f,d.d=function(e,a,f){d.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:f})},d.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(a,"a",a),a},d.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},d.p="",d.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(f,b,n){for(var r,t,o,i=0,u=[];i<f.length;i++)t=f[i],c[t]&&u.push(c[t][0]),c[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(a&&a(f,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var f={},c={62:0};function d(a){if(f[a])return f[a].exports;var c=f[a]={i:a,l:!1,exports:{}};return e[a].call(c.exports,c,c.exports,d),c.l=!0,c.exports}d.e=function(e){var a=c[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var f=new Promise(function(f,d){a=c[e]=[f,d]});a[2]=f;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+({0:"vendor-async"}[e]||e)+"."+{0:"78d248f24ee84ccfea64",1:"1ace8e2b0de7e7807c2b",2:"aa6329edd741532bf257",3:"f7c62fc4f228d806f78d",4:"12e9fe37eeaae4f8b8cb",5:"dc1e143a809fb7bf0e37",6:"c7cc7df111d85cf27b9b",7:"05a32025a8fddbc1baac",8:"658cc04e84f92f41f1ab",9:"fd9b51a585d340913648",10:"5a957419a2296c4d916f",11:"f2fc172edad2af4d9a25",12:"bb15d3646ad06af5433b",13:"b02930589a633523d0a9",14:"1a7c8152259a1b7a69ae",15:"eec555b5baabb8d880ec",16:"7d63a555d09f61a48c1d",17:"47c8a9ad84bde8fad52d",18:"937fb2936f4011e0ecdb",19:"726b2eb0846f8a8cae74",20:"6c74ce4ba953f194a3e2",21:"959dc648ef4c09104245",22:"0883d5a6fd98e4dd3e2e",23:"bcad8fdb4672062e9762",24:"d6614767b1493b95d094",25:"22ce34fccc1c8f50f979",26:"dbae764de165004fff8c",27:"ec86b970de4881d551c0",28:"04e72dc6376712f2e4eb",29:"a138dfff2377f6a5c2af",30:"280ceb0496063ed55538",31:"d4f35e62317f924d294f",32:"55cac4d22ab53130bff3",33:"b0956163dab361c1dedd",34:"e19322ab3d8095058c11",35:"73f36f0e7828f7b45259",36:"ab354a89fc431f836f9a",37:"0107e3ea8257f7bb3438",38:"7ba3c754b4fe35d04de2",39:"d7e20e6113fac27e7567",40:"10f2b2280c2453fd9ea0",41:"1844e641d4d43c3aa993",42:"d9cca35f41769b84c3ae",43:"5fedf60293d393bde2e7",44:"f9393d5a74e53b43069b",45:"1f3bfc55f087411c42ba",46:"4ff50aba231caaa84556",47:"d9eb6ea125a21cba85ee",48:"6812dcce97386e609e81",49:"d862226dfc8aa085cc6b",50:"0bf2f3fd6f5e9b52927b",51:"3b11819e7fdd48b31430",52:"9ab3d3d45b23b3244e58",53:"75c46d10906f61508189",54:"22c87bb343ad428c7076",55:"ddafaf9b9e5d4c57f35c",56:"d31d4315ea573662e03c",57:"efaedd385f1dfdf77bfc",58:"56aeb27e9169d8c10dfb",59:"c82598f845f15ca247b6"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var a=c[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),f},d.m=e,d.c=f,d.d=function(e,a,f){d.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:f})},d.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(a,"a",a),a},d.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},d.p="",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://sdk-release.qnsdk.com/qiniu-web-player-1.2.0.js"></script>
<!-- <script src="https://cdn.bootcss.com/html2canvas/0.5.0-alpha2/html2canvas.min.js"></script> --> <!-- <script src="https://cdn.bootcss.com/html2canvas/0.5.0-alpha2/html2canvas.min.js"></script> -->
<script> <script>
</script> </script>
......
...@@ -767,6 +767,7 @@ ...@@ -767,6 +767,7 @@
} }
.unStartTeacher{ .unStartTeacher{
margin-top: 10vh; margin-top: 10vh;
border-top: 1px solid transparent;
text-align: center; text-align: center;
padding: 0 25*@toVw; padding: 0 25*@toVw;
p{font-weight: bold;} p{font-weight: bold;}
......
...@@ -46,9 +46,11 @@ ...@@ -46,9 +46,11 @@
v-if="showObj.video[videoIndex]" v-if="showObj.video[videoIndex]"
v-show="!share_show && !popupVisible && !star" v-show="!share_show && !popupVisible && !star"
> >
<div id="myVideo" style="heigth:auto">
</div>
<video <video
ref="videoDom" ref="videoDom"
id="myVideo"
:src="showObj.video[videoIndex].url" :src="showObj.video[videoIndex].url"
@click="activity" @click="activity"
@ended="videoEnd" @ended="videoEnd"
...@@ -179,7 +181,10 @@ export default { ...@@ -179,7 +181,10 @@ export default {
videoStyle: "0", videoStyle: "0",
videoWidth: 100, videoWidth: 100,
audioPoint: audioGood, audioPoint: audioGood,
currentTime: "" currentTime: "",
QPlayerConfig :{
url:''
}
}; };
}, },
props: ["contentData", "nowShow"], props: ["contentData", "nowShow"],
...@@ -251,14 +256,6 @@ export default { ...@@ -251,14 +256,6 @@ export default {
this.sliceUrl(); this.sliceUrl();
} }
this.secClarity = false; this.secClarity = false;
// this.$nextTick(()=>{
// var video = document.getElementById("myVideo");
// video.addEventListener("durationchange", function(e) {
// // console.log("提示视频的时长已改变");
// // console.log(e);
// // console.log(video.duration); // 528.981333 视频的实际时长(单位:秒)
// });
// })
}, },
scrollFn(index) { scrollFn(index) {
this.videoStyle = index; this.videoStyle = index;
...@@ -432,20 +429,12 @@ export default { ...@@ -432,20 +429,12 @@ export default {
// 神策埋点 点击操作 // 神策埋点 点击操作
// this.$refs.videoDom.load() // this.$refs.videoDom.load()
console.log("canplay"); console.log("canplay");
var video = document.getElementById("myVideo");
if (this.currentTime) { if (this.currentTime) {
setTimeout(() => { setTimeout(() => {
this.$refs.videoDom.play(); this.$refs.videoDom.play();
this.$refs.videoDom.currentTime = this.currentTime; this.$refs.videoDom.currentTime = this.currentTime;
this.currentTime = 0; this.currentTime = 0;
}, 300); }, 300);
// video.addEventListener("canplaythrough", ()=> {
// // console.log(video)
// this.$refs.videoDom.play();
// this.$refs.videoDom.currentTime = this.currentTime;
// this.currentTime = 0;
// // console.log('canplay')
// });
} }
this.$sa.track("watchClick", { this.$sa.track("watchClick", {
dayModule: JSON.parse( dayModule: JSON.parse(
...@@ -511,6 +500,19 @@ export default { ...@@ -511,6 +500,19 @@ export default {
this.$refs.itembox.style.width = this.$refs.itembox.style.width =
this.showObj.video.length * this.videoWidth + "px"; this.showObj.video.length * this.videoWidth + "px";
} }
this.$nextTick(()=>{
this.creatVideo()
})
},
creatVideo(){
// debugger
console.log(this.showObj.video[this.videoIndex].url)
const player = new QPlayer({
url: this.showObj.video[this.videoIndex].url,
container: document.getElementById("myVideo"),
autoplay: false,
});
} }
}, },
watch: { watch: {
...@@ -519,6 +521,7 @@ export default { ...@@ -519,6 +521,7 @@ export default {
this.videoIndex = 0; this.videoIndex = 0;
this.changeAge(this.contentData.age); this.changeAge(this.contentData.age);
this.secClarity = false; this.secClarity = false;
}, },
deep: true deep: true
} }
...@@ -673,7 +676,18 @@ export default { ...@@ -673,7 +676,18 @@ export default {
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
border-radius: 10 * @toVw; border-radius: 10 * @toVw;
} }
#myVideo{
width: 307 * @toVw;
// height: auto;
height: 171*@toVw;
margin: 0;
display: block;
padding: 0;
background: rgba(0, 0, 0, 0.4);
border-radius: 10 * @toVw;
}
} }
.age-block { .age-block {
width: 66 * @toVw; width: 66 * @toVw;
height: 28 * @toVw; height: 28 * @toVw;
......
...@@ -21,6 +21,5 @@ ...@@ -21,6 +21,5 @@
<style scoped lang="less"> <style scoped lang="less">
.noWechat-page{ .noWechat-page{
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment