Update url-preview.vue

This commit is contained in:
Acid Chicken (硫酸鶏) 2018-08-23 00:34:35 +09:00 committed by GitHub
parent 99c3c1258a
commit 2b54b4ac06
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 3 deletions

View File

@ -1,5 +1,7 @@
<template>
<iframe v-if="player" :src="player" heigth="250" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen />
<div v-if="player.url" class="player" :style="`padding: ${(player.height || 0) / (player.width || 1) * 100}% 0 0`">
<iframe :src="player.url" :width="player.width" :heigth="player.height" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen />
</div>
<div v-else-if="tweetUrl && detail" class="twitter">
<blockquote ref="tweet" class="twitter-tweet" :data-theme="$store.state.device.darkmode ? 'dark' : null">
<a :href="url"></a>
@ -46,7 +48,11 @@ export default Vue.extend({
thumbnail: null,
icon: null,
sitename: null,
player: null,
player: {
url: null,
width: null,
height: null
},
tweetUrl: null,
misskeyUrl
};
@ -170,7 +176,15 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
iframe
.twitter
position relative
width 100%
> iframe
height 100%
left 0
position absolute
top 0
width 100%
root(isDark)