VUE使用にVideo.js

Video.jsについて

Video.jsはH5背景がWebビデオプレーヤー、H5およびFlashビデオの再生をサポートしています（ビデオがローカル静的リソースとネットワークリンクのビデオをロードすることができる）である必要があり

公式サイト：videojs.com/

 

 

インストール

npm  install video.js

main.js導入

'にVideo.js'からのインポートビデオ
のインポート'にVideo.js / DIST /ビデオ-js.css' 
Vue.prototype。$ビデオ=ビデオ

使用

<DIV CLASS =「DEMO1ビデオ」>   
 <上記のid =「myVideo」言及したビデオ     
   クラス=「ビデオのVJ JS-デフォルト・スキンのVJ-ビッグプレイを中心とした」
   コントロールが//プレイヤーは、ユーザが対話することができているかどうかを判断しますコントロール。いいえコントロール、起動する唯一の方法は、プレーヤAPIで自動再生ビデオの再生やプロパティを使用することではありません。
   自動再生：「ミュート」、// //自動再生属性、ミュート：ミュートプレイ
   プリロード=「自動」//推奨ブラウザは、すぐにビデオデータのダウンロードを開始するための<video>要素をロードする必要があるかどうか。
   ポスター=」../資産/ IMG / E0531.jpg "> // <ソースSRC =" ../資産/のビデオカバーセット 、ビデオ/ E0531.mp4"タイプ= "ビデオ/ MP4"> // ビデオ・アドレスを
  </ビデオ>    
 </ div>

CSSは、ビデオの幅と高さを制御するために直接使用することができます

 

効果達成のスクリーンショット

上：シンプルなアプリケーションが完了するために、それはにVideo.js