更新记录

1.0.0（2024-12-02） 下载此版本

第一个版本

平台兼容性

WttoAppVideo

App平台HTML5的video标签, 支持HTML5的video元素的全属性以及全方法.

由于uniapp原生video标签的层级问题，导致无法跟随滚动，遮盖住页面的弹窗等问题，所以在App平台使用renderjs渲染HTML的video标签。

具体详情可查看 MDN文档

属性

事件

方法

示例

<template>
  <!-- #ifdef APP-PLUS -->
  <wtto-app-video ref="appVideoRef" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-video-courses.mp4" @play="isPlaying = true" @pause="isPlaying = false"></wtto-app-video>
  <!-- #endif -->
</template>

<script setup>
import {ref} from 'vue'

const isPlaying = ref(false)

const appVideoRef = ref(null)

onHide(() => {
  if (isPlaying.value) {
    appVideoRef.value?.pause()
  }
})
</script>