我想用360度视频播放器创建一个页面，所以当我单击“播放”时，我需要能够移动视频并旋转360度以查看所有内容。
所以我用HTML创建了视频源，并从npm安装了videojs，videojs-vr和vidoejs-panorama-player。
<video id="videojs-panorama-player" class="video-js vjs-default-skin" crossorigin="anonymous" controls width="1000">
<source src="Ayutthaya.mp4" type='video/mp4'>
</video>
我现在可以在页面上看到视频，如果单击播放，则视频正在播放，但不能播放360。
听起来像VideoJS，而videojs-vr插件不知道您的视频是360视频。
这是360视频的一个常见问题，因为有多种方法可以表明视频元数据中的视频为360，并且并非视频管道中的所有元素都可以识别并保留这些元素。
VideoJS在他们的一篇博客文章-https://blog.videojs.com/videojs-vr-now-under-the-video-js-org/
中对此有一些信息与您相关的部分可能是以下摘录：
浏览器不会在API中公开视频元数据，因此我们必须自己解析它，实际上不是一种选择。因此，在videojs-vr中，我们有一个可以在插件初始化期间传递的投影选项。
投影的第一个默认设置为“自动”。将放映设置为“ AUTO”会告诉videojs-vr查看player.mediainfo.projection。 player.mediainfo.projection将必须由某些外部插件/脚本来设置，服务器会告知该插件当前视频为360 / VR。视频的player.mediainfo.projection可以是以下任意一项：
- “ 360”，“ Sphere”或“ equirectangular”：视频是一个球形
- “立方体”或“ 360_CUBE”：视频是一个立方体
- 'NONE'：该视频不是360视频，videojs-vr插件应该什么都不做。无需设置，因为如果不存在投影，将假定它。
- “ 360_LR”：用于并排360视频 '360_TB'：用于从上到下的360视频
否则，可以在插件初始化时手动将投影设置为上述任何值。然后可以使用不同的设置为每个视频配置并重新初始化该插件。
对于您而言，可能值得尝试手动设置投影以找到适合您视频的设置。