コンテンツ
ビデオファイルは大きく、機能が重いため、Webサイトでビデオコンテンツを入手することは常に困難でした。 YouTubeのようなサイトでは埋め込みツールを使ってこの作業を簡単にしようとしていますが、ほとんどのWebデザイナーはフラッシュビデオは他のビデオコーデックが提供する品質やセキュリティを提供しないことに同意します。幸い、HTML5はvideo要素タグをサポートしています。つまり、.mp4や.aviなどのほとんどのビデオ形式を使用できます。
説明書
ビデオ (Agri Press / Lifesize / Getty Images)-
index.htmlファイルのDoctypeをに変更します。 HTML5を使用していることをブラウザに伝えます。ビデオをインデックスファイルに入れない場合は、ファイルを保存して閉じます。
-
あなたの.aviビデオファイルをあなたのサイトのどこに置くかを決めます。この場所に次のように入力します。 。引用符内にビデオの高さと幅の値を入力します。これは言う
あなたのビデオファイル。 -
2つの動画タグの間に動画の場所を入力します。あなたのコードは次のようになります。
ビデオの寸法は説明のためだけのものであり、 "FILENAME.avi"はあなたのビデオの名前に置き換えてください。
-
index.html(または作業中の任意の.htmlドキュメント)を保存して、すべての変更を確定します。 .aviファイルはあなたのウェブサイトで再生することができます。
どうやって
- 現時点では、Safari、Chrome、およびFirefoxのみがこのWebビデオ実装をサポートしています。
- HTML5は正式にはWeb開発標準ではありません。つまり、この方法を採用することで、Web上の標準曲線に先んじることができます。ブラウザがあなたのコードを認識しない場合はHTML4に変更され、あなたのサイトのユーザはまだそれを使用することができるので、これは大きな問題ではありません。
必要なもの
- テキストエディタ
- サイト
- ビデオアーカイブ