关于 uni-app 中使用 HlsVideoPlayer 插件实现横屏视频播放的问题，以下是一个基本的实现案例，以及如何在 uni-app 项目中配置和使用 HlsVideoPlayer 插件来播放 HLS 视频流的代码示例。

首先，确保你已经安装了 HlsVideoPlayer 插件。如果还没有安装，可以通过以下命令安装（假设你使用的是 HBuilderX IDE）：

npm install @dcloudio/uni-hls-video-player --save

或者，在 HBuilderX 的插件市场中搜索并安装 uni-hls-video-player。

接下来，在你的 uni-app 项目中，配置页面的 JSON 文件以允许横屏显示：

// pages/video/video.json
{
  "navigationBarTitleText": "HLS 视频播放",
  "pageOrientation": "landscape"  // 设置页面方向为横屏
}

然后，在你的页面组件中使用 HlsVideoPlayer 组件来播放 HLS 视频流。以下是一个示例代码：

<!-- pages/video/video.vue -->
<template>
  <view class="container">
    <hls-video-player
      id="hls-video-player"
      src="https://example.com/your-hls-stream.m3u8"  <!-- 替换为你的 HLS 视频流地址 -->
      autoplay="true"
      controls="true"
      muted="false"
      @play="onPlay"
      @pause="onPause"
      @ended="onEnded"
    ></hls-video-player>
  </view>
</template>

<script>
import HlsVideoPlayer from '@dcloudio/uni-hls-video-player';

export default {
  components: {
    HlsVideoPlayer
  },
  methods: {
    onPlay() {
      console.log('视频开始播放');
    },
    onPause() {
      console.log('视频暂停播放');
    },
    onEnded() {
      console.log('视频播放结束');
    }
  }
};
</script>

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #000;
}
</style>

在这个示例中，我们创建了一个页面，该页面使用 HlsVideoPlayer 组件来播放一个 HLS 视频流。我们设置了页面方向为横屏，并且为视频播放器配置了自动播放、显示控制栏、不静音等属性。同时，我们监听了一些基本的事件，如播放、暂停和结束，以便在控制台中输出相应的日志信息。

请确保你的 HLS 视频流地址是有效的，并且你的项目已经正确配置了相关依赖和权限。如果在实际项目中遇到播放问题，可以检查视频流地址的有效性、网络权限、以及插件版本与 uni-app 版本的兼容性。