一、videojs在vue的基本使用方法在Vue中使用videojs，可以通过安装vue-video-player插件来处理。步骤如下：
1. 首先安装vue-video-player插件```bashnpm install vue-video-player --save```
2. 在Vue组件中使用vue-video-player插件```html
```
以上是基本的vue-video-player插件的使用方法，通过设置playerOptions来配置video的相关参数，并通过refs来获取video player实例进行操作。
二、video在移动端微信中横屏显示在移动端微信中，当播放视频并处于横屏状态时，可能会遇到视频不按期望的方式横屏显示的问题。这是因为在移动端浏览器环境下，需要对视频播放进行相关的处理才能正确显示。
1. h5新特性在移动端H5页面中，可以使用以下meta标签来控制页面的视口：
```html
```
其中orientation属性可以控制页面的初始方向，通过设置为portrait可以固定页面始终为竖屏显示。但这种方法需要在页面加载时设置，无法自动处理视频横屏显示的问题。
2. 使用CSS进行横屏适配在移动端微信中，可以使用CSS3的@-webkit-keyframes和@keyframes来对video进行横屏适配，在video元素的父容器上设置以下CSS样式：
```css.video-container {
position: relative;
overflow: hidden;
padding-top:56.25%;
width:100%;
}
.video-container video {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
transform-origin: center center;
transform: rotate(90deg);
}
```
通过以上CSS样式，可以实现在微信移动端中将视频旋转90度来适应横屏显示的问题。同时，需要注意在视频播放开始前及视频播放结束后对video元素进行旋转恢复到正常状态。
3. 使用JavaScript进行横屏适配另一种方法是通过JavaScript监听窗口的resize事件，并在横屏时对video进行旋转来适应横屏显示。下面是一个简单的实现示例：
```javascriptwindow.addEventListener('resize', () => {
if(window.orientation ===90 || window.orientation === -90) {
// 横屏显示时，对video进行旋转 document.querySelector('.video-container video').style.transform = 'rotate(90deg)';
} else {
// 竖屏显示时，恢复video的正常状态 document.querySelector('.video-container video').style.transform = 'none';
}
});
```
在以上示例中，通过监听窗口的resize事件及判断当前窗口方向来动态调整video的旋转状态，从而实现横屏适配。
总结在Vue项目中使用videojs来处理微信移动端播放视频的问题时，可以通过vue-video-player插件来实现基本的video播放功能。而在移动端微信中横屏显示的问题可以通过设置meta标签、使用CSS和JavaScript等方法来实现横屏适配。通过以上方法，可以较好地解决在微信移动端中使用videojs播放视频时可能遇到的一些问题。
