反应 videojs-vr 问题

如何解决反应 videojs-vr 问题

我正在尝试在我的 React Web 应用程序上的播放器中重现 180 度视频 (SBS)。一切都在 Android 中运行良好，但在 IOS 中却没有。

import React from "react";
import videojs from "video.js";
import "videojs-vr/dist/videojs-vr.min.js";
import "video.js/dist/video-js.css";
import "videojs-vr/dist/videojs-vr.css";
import "@videojs/themes/dist/city/index.css";    
class VideoPlayerVR extends React.Component {
  componentDidMount() {
    this.player = videojs(this.videoNode,this.props,function onPlayerReady() {
      const player = this;
      player.mediainfo = player.mediainfo || {};
      player.mediainfo.projection = "180";
      player.vr({
        projection: "180",debug: false,forceCardboard: true,});
    });
  }


  componentwillUnmount() {
    if (this.player) {
      this.player.dispose();
    }
  }

  componentwillReceiveProps(newProps) {

    if (this.player && newProps && newProps.video) {
      this.player.src(newProps.video.video_url);
    }
  }

 
  render() {
    return (
      <div data-vjs-player>
        <video
          ref={(node) => (this.videoNode = node)}
          className="video-js vjs-theme-city"
          crossOrigin="anonymous"
        />
      </div>
    );
  }
}

export default VideoPlayerVR;

这是我关于vr播放器插件的配置。我尝试添加选项 forceCardboard: true 但没有任何效果。