videojs手动设置视频横屏播放

要在Video.js中手动设置视频横屏播放，你可以使用浏览器的全屏API来实现。以下是一个示例代码：

var player = videojs('my-video');

// 点击按钮时触发横屏播放
document.getElementById('fullscreen-button').addEventListener('click', function() {
  if (player.isFullscreen()) {
    // 如果已经处于全屏状态，则退出全屏
    player.exitFullscreen();
  } else {
    // 否则，进入全屏并设置横屏
    player.requestFullscreen();
    if (player.isFullscreen()) {
      var videoElement = player.el().querySelector('video');
      if (videoElement && videoElement.webkitEnterFullscreen) {
        // 使用webkitEnterFullscreen方法实现横屏
        videoElement.webkitEnterFullscreen();
      } else if (videoElement && videoElement.mozRequestFullScreen) {
        // 使用mozRequestFullScreen方法实现横屏
        videoElement.mozRequestFullScreen();
      }
    }
  }
});

在上面的代码中，我们首先通过`videojs()`函数获取到Video.js播放器实例，并将其赋值给`player`变量。然后，我们通过给某个按钮添加点击事件来触发横屏播放。

在点击事件的处理函数中，我们首先判断当前是否处于全屏状态。如果是，则调用`player.exitFullscreen()`方法退出全屏。如果不是，则调用`player.requestFullscreen()`方法进入全屏，并在进入全屏后通过浏览器的全屏API来设置横屏播放。

请确保你已经正确引入Video.js库，并在HTML中有一个具有`my-video` ID的视频元素和一个具有`fullscreen-button` ID的按钮元素。

注意：在某些浏览器中，全屏API的使用可能会有一些差异。上述示例代码中使用了`webkitEnterFullscreen`和`mozRequestFullScreen`方法来实现横屏播放，但这些方法可能在不同的浏览器中有所变化。你可能需要根据具体情况进行适配。