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

wip: feat: Youtube Player Window

Browse Source
This commit is contained in:
こけっち
2022-09-14 01:05:07 +09:00
parent a1c97e6700
commit 98a768c28f
3 changed files with 85 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/client/src/components/MkUrlPreview.vue
View File

@ -10,7 +10,7 @@
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<component :is="self ? 'MkA' : 'a'" v-if="!fetching" class="link" :class="{ compact }" :[attr]="self ? url.substr(local.length) : url" rel="nofollow noopener" :target="target" :title="url">
<div v-if="thumbnail" class="thumbnail" :style="`background-image: url('${thumbnail}')`">
<button v-if="!playerEnabled && player.url" class="_button" :title="i18n.ts.enablePlayer" @click.prevent="playerEnabled = true"><i class="fas fa-play-circle"></i></button>
<button v-if="!playerEnabled && player.url" class="_button" :title="i18n.ts.enablePlayer" @click.prevent="playerEnabled = false" @click="openPlayer()"><i class="fas fa-play-circle"></i></button>
</div>
<article>
<header>
@ -36,6 +36,7 @@
import { onMounted, onUnmounted } from 'vue';
import { url as local, lang } from '@/config';
import { i18n } from '@/i18n';
import * as os from '@/os';
const props = withDefaults(defineProps<{
url: string;
@ -103,6 +104,10 @@ function adjustTweetHeight(message: any) {
if (height) tweetHeight = height;
}
const openPlayer = () => {
os.pageWindow(`/ytplayer/${encodeURIComponent(requestUrl.href)}`);
};
(window as any).addEventListener('message', adjustTweetHeight);
onUnmounted(() => {