sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'sim-dev/ytplayer' into develop

Browse Source
This commit is contained in:
sim1222 2022-09-17 01:43:26 +09:00
commit fa7c8024d6
1 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/client/src/pages/ytplayer.vue
View File

@ -1,13 +1,13 @@
<template> <template>
<div class="poamfof fill"> <div class="poamfof fill">
<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in"> <transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<div v-if="player.url" class="player"> <div v-if="player.url" class="player">
<iframe v-if="!fetching" :src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen/> <iframe v-if="!fetching" :src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen/>
</div> </div>
</transition> </transition>
<MkLoading v-if="fetching" /> <MkLoading v-if="fetching" />
<MkError v-else-if="!player.url" @retry="ytFetch()" /> <MkError v-else-if="!player.url" @retry="ytFetch()" />
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@ -19,8 +19,6 @@ const props = defineProps<{
url: string; url: string;
}>(); }>();
console.log(props.url);
const requestUrl = new URL(props.url); const requestUrl = new URL(props.url);
let fetching = $ref(true); let fetching = $ref(true);
@ -43,7 +41,7 @@ const ytFetch = () => {
player = info.player; player = info.player;
}); });
}); });
} };
ytFetch(); ytFetch();
@ -53,7 +51,6 @@ definePageMetadata(computed(() => props.url ? {
icon: 'fa-brands fa-youtube' icon: 'fa-brands fa-youtube'
} : null)); } : null));
console.log(await player.url);
</script> </script>
<style lang="scss"> <style lang="scss">