29 lines
757 B
Vue
29 lines
757 B
Vue
<template>
|
|
<LearningContentSimpleLayout :title="content.title" learning-content-type="video">
|
|
<div class="container-medium">
|
|
<iframe
|
|
class="mt-8 aspect-video w-full"
|
|
:src="value.url"
|
|
:title="content.title"
|
|
frameborder="0"
|
|
allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
|
|
allowfullscreen
|
|
></iframe>
|
|
</div>
|
|
</LearningContentSimpleLayout>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import LearningContentSimpleLayout from "@/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue";
|
|
import type { LearningContent } from "@/types";
|
|
|
|
export interface Value {
|
|
url: string;
|
|
}
|
|
|
|
defineProps<{
|
|
value: Value;
|
|
content: LearningContent;
|
|
}>();
|
|
</script>
|