<template>
  <view v-if="message.messageType===MessageType.video && message.extend && message.extend.url" class="main">
    <!-- #ifndef APP-PLUS -->
    <video :src="message.extend.url" controls style="width: 50vw"></video>
    <!-- #endif -->
    <!-- #ifdef APP-PLUS -->
    <dom-video :src="message.extend.url" :controls='true' objectFit="contain"/>
    <!-- #endif -->
  </view>
</template>

<script setup lang="ts">
import type Message from "@/mode/Message";
import MessageType from "@/utils/MessageType";
// #ifdef APP-PLUS
import domVideo from "@/components/ls-dom-video/ls-dom-video.vue";
// #endif
interface Props<T> {
  message: T
}
defineProps<Props<Message>>()
</script>

<style scoped></style>
