0

初学者につき、不躾な質問を失礼いたします。
ただいま、react-playerを用いて、元々タグで実装していた動画プレイヤーの置き換えを行っています。
元のコードは以下のようになっており、動画が再生できなかった場合などに

タグ内の文言が表示されるようになっています。

        <video
          className="media video"
          style={{
            width: isSP ? '100%' : '480px',
            display: currentMediaType === 'movie' ? 'block' : 'none',
          }}
          controls
          poster="/images/media/standby.png"
          controlsList="nodownload"
          onContextMenu={(e) => e.preventDefault()}
        >
          <source src={lectureMovie} type="video/mp4" />
          <p>ブラウザのバージョンを最新にしてください。</p>
        </video>

これを同じように、動画が再生できない場合に文言を表示させるには、react-playerではどのように書くべきでしょうか。

        <ReactPlayer
          controls
          width={isSP ? '100%' : '480px'}
          height="100%"
          style={{
            display: currentMediaType === 'movie' ? 'block' : 'none',
          }}
          url={[{ src: url, type: 'video/mp4' }]}
          config={{
            file: {
              attributes: {
                controlsList: 'nodownload',
                poster: '/images/media/standby.png',
                onContextMenu: (e) => e.preventDefault(),
              },
            },
          }}
        />

ご回答いただけますと幸いです。
何卒よろしくお願いいたします。

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。