浏览代码

change aspect ratio of status video player

since posts are 1:1 and not 16:9, this allows the player to scale to the entire post container, while the media auto-fits itself within the player.
trwnh 6 年之前
父节点
当前提交
c9b59dd88a
共有 1 个文件被更改,包括 2 次插入2 次删除
  1. 2 2
      resources/assets/js/components/presenter/VideoPresenter.vue

+ 2 - 2
resources/assets/js/components/presenter/VideoPresenter.vue

@@ -5,7 +5,7 @@
 				<p class="mb-0 lead font-weight-bold">{{ status.spoiler_text ? status.spoiler_text : 'CW / NSFW / Hidden Media'}}</p>
 				<p class="mb-0 lead font-weight-bold">{{ status.spoiler_text ? status.spoiler_text : 'CW / NSFW / Hidden Media'}}</p>
 				<p class="font-weight-light">(click to show)</p>
 				<p class="font-weight-light">(click to show)</p>
 			</summary>
 			</summary>
-			<div class="embed-responsive embed-responsive-16by9">
+			<div class="embed-responsive embed-responsive-1by1">
 				<video class="video" preload="none" controls loop :poster="status.media_attachments[0].preview_url">
 				<video class="video" preload="none" controls loop :poster="status.media_attachments[0].preview_url">
 					<source :src="status.media_attachments[0].url" :type="status.media_attachments[0].mime">
 					<source :src="status.media_attachments[0].url" :type="status.media_attachments[0].mime">
 				</video>
 				</video>
@@ -23,4 +23,4 @@
 	export default {
 	export default {
 		props: ['status'],
 		props: ['status'],
 	}
 	}
-</script>
+</script>