Video.js の基本的な再生と字幕設定

水平方向に中央揃え、高さを固定したプレーヤー Flex は、水平方向と垂直方向の中央揃えを実現します。以下は、完成した意味マップの字幕 WebVTT の例です。ビデオに字幕を追加するには、たとえば追加するだけですが、元の字幕の形式にも注意する必要があります...

Appleの携帯電話はvideo.jsを使用してHLSストリームを自動的に再生し、m3u8は非フルスクリーンとフルスクリーンの再生を実現します。

iOSスマートフォンでは、動画の自動再生に問題はありません。ミュート属性を追加すると、動画は自動再生されますが、サイレントモードがオンになります。しかし、Androidスマートフォンでは、再生開始ボタンがありクリックして再生できる機種もあれば、再生ボタンがなく動画を再生できない機種もあります。解決策の一つとして、ミュート属性(ミュート)を追加する方法がありますが、その結果、音声は聞こえるものの再生処理が実行できません。