初学者につき、不躾な質問を失礼いたします。
ただいま、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(),
},
},
}}
/>
ご回答いただけますと幸いです。
何卒よろしくお願いいたします。