在uni-app中集成视频播放器插件，可以通过使用官方或社区提供的插件来实现。以下是一个使用uni-video-player插件的简单示例，这个插件可以在HBuilderX的插件市场中找到并安装。

步骤一：安装插件

首先，在HBuilderX中打开你的uni-app项目，进入“插件市场”，搜索uni-video-player并安装。

步骤二：引入插件

在你的页面中引入并使用这个插件。以下是一个简单的页面示例，包含视频播放器组件。

1. 在pages.json中注册页面

{
  "pages": [
    {
      "path": "pages/video/video",
      "style": {
        "navigationBarTitleText": "视频播放"
      }
    }
  ]
}

2. 创建页面并引入插件

在pages/video/video.vue中：

<template>
  <view class="container">
    <uni-video-player
      ref="videoPlayer"
      :src="videoSrc"
      :autoplay="autoplay"
      :controls="controls"
      @play="onPlay"
      @pause="onPause"
      @ended="onEnded"
    ></uni-video-player>
    <button @click="playVideo">播放</button>
    <button @click="pauseVideo">暂停</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      videoSrc: 'https://www.example.com/path/to/your/video.mp4',
      autoplay: false,
      controls: true
    };
  },
  methods: {
    playVideo() {
      this.$refs.videoPlayer.play();
    },
    pauseVideo() {
      this.$refs.videoPlayer.pause();
    },
    onPlay() {
      console.log('视频开始播放');
    },
    onPause() {
      console.log('视频暂停');
    },
    onEnded() {
      console.log('视频播放结束');
    }
  }
};
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
button {
  margin: 10px;
}
</style>

说明

• uni-video-player组件的src属性指定了视频文件的URL。
• autoplay属性控制视频是否自动播放。
• controls属性控制是否显示默认的播放控件。
• 通过ref属性获取视频播放器实例，可以调用其play和pause方法。
• 绑定了play、pause和ended事件，用于处理视频播放的相关操作。

这样，你就可以在uni-app中使用视频播放器插件来播放视频了。确保你的视频URL是有效的，并且服务器支持跨域访问（CORS）。