ビデオでファイルを選択してビデオを再生するjs

Question

私のリアクションアプリケーションではvideo.jsを使用しています。同じページにファイルを選択するボタンがあり、ビデオプレーヤーのローカルディレクトリからビデオファイルを開きたいとします。どうしたらいいですか？誰かが私に働くjsfiddleを与えてもらえますか？

Answer 1

あなただけの追加、ファイルのボタンを選択してください内たい場合：

<input type="file" id="file" onchange="onFileChange()" /> 

そしてにVideo.jsにあなたのsrcがこれは動作しませんでした

this.onFileChange = function() { 
    let file = document.getElementById('file'); 

    let video = videojs("video"); // Ref to your video el 
    video.src(file.value); 
};