判断视频横屏播放还是竖屏播放

要判断视频是横屏播放还是竖屏播放，可以通过检查视频元素的宽高比例来实现。

以下是示例代码：

// 获取视频元素
var videoElement = document.getElementById('myVideo');

// 监听视频播放事件
videoElement.addEventListener('loadedmetadata', function() {
  // 获取视频宽高比例
  var videoRatio = videoElement.videoWidth / videoElement.videoHeight;
  // 判断是否是横屏播放
  if (videoRatio > 1) {
    console.log('横屏播放');
  } else {
    console.log('竖屏播放');
  }
});

在上面的代码中，当视频元素加载完成后，会调用回调函数来获取视频的宽高比例，然后判断宽高比例是否大于1，如果大于1则为横屏播放，否则为竖屏播放，并将结果输出到控制台。

相关问题

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`方法来实现横屏播放，但这些方法可能在不同的浏览器中有所变化。你可能需要根据具体情况进行适配。

移动端判断是否处于横屏还是竖屏状态

要判断移动端是否处于横屏或竖屏状态，可以通过监听窗口的`resize`事件和`orientationchange`事件来实现。

以下是示例代码：

// 判断当前屏幕的方向
function getOrientation() {
  if (window.orientation === 180 || window.orientation === 0) {
    return '竖屏';
  } else if (window.orientation === 90 || window.orientation === -90) {
    return '横屏';
  }
}

// 监听窗口变化事件
window.addEventListener('resize', function () {
  console.log(getOrientation());
});

// 监听屏幕旋转事件
window.addEventListener('orientationchange', function () {
  console.log(getOrientation());
});

在上面的代码中，当窗口大小改变或屏幕旋转时，会调用`getOrientation`函数来判断当前处于横屏还是竖屏状态，并将结果输出到控制台。