Bilibili-Evolved/registry/lib/deprecated/pip/LivePip.vue

35 lines
662 B
Vue

<template>
<DefaultWidget
name="画中画"
icon="mdi-picture-in-picture-bottom-right"
class="live-pip"
@click="togglePip()"
></DefaultWidget>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { DefaultWidget } from '@/ui'
export default defineComponent({
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>