更新记录

1.0.0（2025-09-26） 下载此版本

支持视频前贴

平台兼容性

uni-app(3.6.5)

uni-video-ad

基于video组件和ad组件实现的模拟视频前贴功能。

属性说明

方法说明

与video标签不同的是，调用方法时需要通过ref获取对象然后调用指定方法，参考：

pushFs() {
    this.$refs["videoSize"].requestFullScreen({direction:-90})
},

完整示例参考

<template>
    <view>
        <button @click="pushFs">点击全屏</button>
        <uni-video-ad ref="videoSize" src="https://web-ext-storage.dcloud.net.cn/native/doc/android/debug-native-video.mov"
            adpid="***" style="width: 750rpx;height: 300px;" autoplay="true" @stop="onStop"
            @pause="onStop"></uni-video-ad>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello',
            }
        },
        onLoad() {

        },
        methods: {
            pushFs() {
                this.$refs["videoSize"].requestFullScreen({direction:-90})
            },
            onerror(e) {
                console.log(JSON.stringify(e))
            },
            onStop() {
                console.log("视频暂停了")
            }
        }
    }
</script>

<style>
    .video {
        width: 100%;
        height: 200px;
    }
</style>