设置videojs移动端全屏时默认横屏播放

要在移动端使用video.js时，默认横屏播放视频，您可以使用以下方法：

1. 添加video.js库文件：将video.js的库文件添加到您的HTML文件中。您可以从video.js官方网站下载或使用CDN链接。

2. 创建video元素：在HTML中创建一个video元素并添加相应的属性和源文件。例如：

<video id="my-video" class="video-js" controls>
  <source src="your-video-source.mp4" type="video/mp4">
</video>

3. 初始化video.js：使用JavaScript代码初始化video.js，并添加所需的配置选项。在这里，我们将使用video.js的`fullscreenchange`事件来检测全屏模式的变化，并在进入全屏模式时旋转屏幕。请确保在调用`player.ready()`之前，DOM元素已经加载完毕。

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

player.ready(function() {
  player.on('fullscreenchange', function() {
    if (player.isFullscreen()) {
      // 进入全屏模式时旋转屏幕
      if (screen.orientation && screen.orientation.lock) {
        screen.orientation.lock('landscape');
      } else if (screen.lockOrientation) {
        screen.lockOrientation('landscape');
      }
    }
  });
});

在这个示例中，我们使用`player.on('fullscreenchange', function() {})`来监听全屏模式的变化。当进入全屏模式时，我们使用`screen.orientation.lock('landscape')`或`screen.lockOrientation('landscape')`来锁定屏幕为横屏模式。

请注意，这种方法可能在不同的移动设备和浏览器中有所差异，并且某些设备和浏览器可能不支持自动旋转屏幕。因此，在实际使用时，最好进行兼容性测试并提供备用方案。