|
@@ -87,6 +87,7 @@ export default defineComponent({
|
|
|
// if (browser().isApp) {
|
|
|
// controls.push('fullscreen');
|
|
|
// }
|
|
|
+
|
|
|
if (this.currentTime) {
|
|
|
controls.push('current-time');
|
|
|
}
|
|
@@ -106,11 +107,6 @@ export default defineComponent({
|
|
|
|
|
|
this.player = new Plyr((this as any).$refs.video, params);
|
|
|
|
|
|
- // fullscreen: {
|
|
|
- // enabled: true,
|
|
|
- // fallback: 'force',
|
|
|
- // iosNative: true
|
|
|
- // }
|
|
|
this.player.elements.container
|
|
|
? (this.player.elements.container.style.height = this.height || '210px')
|
|
|
: null;
|
|
@@ -132,27 +128,27 @@ export default defineComponent({
|
|
|
});
|
|
|
|
|
|
this.player.on('enterfullscreen', () => {
|
|
|
- // console.log('fullscreen', this.player.elements);
|
|
|
- // const fragment = document.createDocumentFragment();
|
|
|
- // const i = document.createElement('i');
|
|
|
- // i.id = 'fullscreen-back';
|
|
|
- // i.className = 'van-icon van-icon-arrow-left video-back';
|
|
|
- // i.addEventListener('click', () => {
|
|
|
- // this.player.fullscreen.exit();
|
|
|
- // });
|
|
|
- // console.log(document.getElementsByClassName('plyr'), i);
|
|
|
- // fragment.appendChild(i);
|
|
|
- // // const parentNode = document.getElementsByClassName('plyr')[0];
|
|
|
- // // parentNode.insertBefore(fragment, parentNode.firstChild);
|
|
|
- // this.player.elements.container.appendChild(fragment);
|
|
|
+ console.log('fullscreen', this.player.elements);
|
|
|
+ const fragment = document.createDocumentFragment();
|
|
|
+ const i = document.createElement('i');
|
|
|
+ i.id = 'fullscreen-back';
|
|
|
+ i.className = 'van-icon van-icon-arrow-left video-back';
|
|
|
+ i.addEventListener('click', () => {
|
|
|
+ this.player.fullscreen.exit();
|
|
|
+ });
|
|
|
+ console.log(document.getElementsByClassName('plyr'), i);
|
|
|
+ fragment.appendChild(i);
|
|
|
+ // const parentNode = document.getElementsByClassName('plyr')[0];
|
|
|
+ // parentNode.insertBefore(fragment, parentNode.firstChild);
|
|
|
+ this.player.elements.container.appendChild(fragment);
|
|
|
|
|
|
this.$emit('enterfullscreen');
|
|
|
});
|
|
|
|
|
|
this.player.on('exitfullscreen', () => {
|
|
|
console.log('exitfullscreen');
|
|
|
- // const i = document.getElementById('fullscreen-back');
|
|
|
- // i && i.remove();
|
|
|
+ const i = document.getElementById('fullscreen-back');
|
|
|
+ i && i.remove();
|
|
|
this.$emit('exitfullscreen');
|
|
|
});
|
|
|
},
|