Bilibili-Evolved/registry/lib/deprecated/pip/LivePip.vue
2022-10-12 23:27:58 +08:00

34 lines
619 B
Vue

<template>
<DefaultWidget
name="画中画"
icon="mdi-picture-in-picture-bottom-right"
class="live-pip"
@click="togglePip()"
></DefaultWidget>
</template>
<script lang="ts">
import { DefaultWidget } from '@/ui'
export default Vue.extend({
components: {
DefaultWidget,
},
methods: {
async togglePip() {
if (document.pictureInPictureElement) {
document.exitPictureInPicture()
} else {
;(dq('video') as HTMLVideoElement)?.requestPictureInPicture()
}
},
},
})
</script>
<style lang="scss">
.live-pip .be-icon {
transform: scale(0.9);
}
</style>