xiaoxue_admin
/
DPlayer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New API: destroy

This commit is contained in:
DIYgod 2017-08-05 00:55:22 +08:00
parent 4fcd453599
commit 1e21471519
No known key found for this signature in database
GPG Key ID: EC0B76A252D3EF67
4 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
demo/index.html
View File

@ -33,6 +33,7 @@
<div class="example">
<button class="btn" onclick="switchDPlayer()">Switch Video</button>
<button class="btn" onclick="dp2.notice('Notice演示')">Notice</button>
<button class="btn" onclick="dp2.destroy()">Destroy</button>
<div id="dplayer2"></div>
<script>
var dp2 = new DPlayer({

2
dist/DPlayer.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/DPlayer.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

29
src/DPlayer.js
View File

@ -173,9 +173,9 @@ class DPlayer {
}
this.pushDanmaku(danmakus);
}
window.requestAnimationFrame(this.animationFrame);
this.requestID = window.requestAnimationFrame(this.animationFrame);
};
window.requestAnimationFrame(this.animationFrame);
this.requestID = window.requestAnimationFrame(this.animationFrame);
this.setTime = (type) => {
if (!type) {
@ -307,12 +307,12 @@ class DPlayer {
/**
* auto hide controller
*/
let hideTime = 0;
this.hideTime = 0;
if (!isMobile) {
const hideController = () => {
this.element.classList.remove('dplayer-hide-controller');
clearTimeout(hideTime);
hideTime = setTimeout(() => {
clearTimeout(this.hideTime);
this.hideTime = setTimeout(() => {
if (this.video.played.length) {
this.element.classList.add('dplayer-hide-controller');
closeSetting();
@ -605,7 +605,7 @@ class DPlayer {
this.element.classList.add('dplayer-show-controller');
disableHide = setInterval(() => {
clearTimeout(hideTime);
clearTimeout(this.hideTime);
}, 1000);
commentFocusTimeout = setTimeout(() => {
commentInput.focus();
@ -867,6 +867,7 @@ class DPlayer {
this.video.pause();
this.clearTime();
this.element.classList.remove('dplayer-playing');
window.cancelAnimationFrame(this.requestID);
this.trigger('pause');
}
@ -1170,8 +1171,8 @@ class DPlayer {
// video download error: an error occurs
this.video.addEventListener('error', () => {
this.notice(this.tran('This video fails to load'), -1);
this.trigger('pause');
this.tran && this.notice && this.notice(this.tran('This video fails to load'), -1);
this.trigger && this.trigger('pause');
});
// video can play: enough data is available that the media can be played
@ -1312,6 +1313,18 @@ class DPlayer {
noticeEle.style.opacity = 0;
}, time || 2000);
}
destroy () {
this.pause();
clearTimeout(this.hideTime);
this.video.src = '';
this.element.innerHTML = '';
for (const key in this) {
if (this.hasOwnProperty(key) && key !== 'paused') {
delete this[key];
}
}
}
}
module.exports = DPlayer;