uni-app Native.js调用原生播放video视频的样例

只有安卓的，而且这种是扑捉不到播放进度等一些事件的，感觉没什么用。

当然，以下是一个关于如何在uni-app中使用Native.js调用原生播放video视频的示例代码。该示例展示了如何在uni-app项目中通过Native.js接口来调用原生视频播放功能。

1. 配置项目

首先，确保你的uni-app项目已经配置好Native.js的支持。通常，这需要在manifest.json文件中进行相应的配置。

2. 编写Native.js模块

在nativeplugins目录下创建一个新的原生插件目录，例如NativeVideoPlayer，并在其中编写NativeVideoPlayer.js文件。

// NativeVideoPlayer.js
module.exports = {
    playVideo: function(url) {
        // 获取原生视频播放器对象
        let player = plus.video.create('video', {
            top: '0px',
            left: '0px',
            width: '100%',
            height: '100%',
            autoplay: true,
            showCenterPlayBtn: true
        }, {
            controls: 'default'
        });

        // 设置视频源
        player.setSrc(url);

        // 添加到页面
        document.body.appendChild(player);
    }
};

3. 在uni-app中调用Native.js模块

在你的uni-app页面中，通过plus.nativeUI.importClass方法导入并使用Native.js模块。

<template>
    <view>
        <button @click="playVideo">播放视频</button>
    </view>
</template>

<script>
export default {
    methods: {
        playVideo() {
            if (window.plus) {
                // 导入Native.js模块
                let NativeVideoPlayer = plus.nativeUI.importClass('NativeVideoPlayer');

                // 调用playVideo方法播放视频
                NativeVideoPlayer.playVideo('https://www.example.com/path/to/your/video.mp4');
            } else {
                console.error('Native.js is not supported in this environment.');
            }
        }
    }
}
</script>

<style>
/* 样式可以根据需要进行调整 */
</style>

注意事项

1. 环境检测：在调用Native.js功能前，务必检查window.plus是否存在，以确保代码在非原生环境中不会报错。
2. 路径配置：确保Native.js模块文件路径正确，并在manifest.json中正确配置。
3. 权限：在调用视频播放功能时，确保应用已经获得了必要的权限，如网络访问权限等。

通过以上步骤，你可以在uni-app中成功调用Native.js实现原生视频播放功能。根据实际需求，你可以进一步扩展和优化该示例代码。