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