勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

html内に動画を埋め込んで配信する方法

   

Webページ内にYoutubeとかを用いずに、動画ファイルを配信したいというケースがあった。メディアサーバやストリーミングサーバがいるのかと思いきや、HTML5でいけるらしい。

 

■サンプル

http://sample.taitan916.info/video/

 

■ソース

 

■その他

・Basic認証には注意

Basic認証がかかっているディレクトリ内でvideoタグを使った際に、再生できなかった。

以下方法で対処は可能。

userとpassのところはBasic認証のユーザ&パスワードを入れる。

 

・mp4が安定みたい

PCだと基本的に問題ないけど、スマホやタブレットの場合に動画の拡張子によって再生できなかったりする場合があるらしい。mp4だと基本的に全ての環境で再生できるとのこと。

 

・サーバの設定が必要な場合もあり

htaccessで、

を記述してアップロードしておく。

 - HTML

  関連記事

Content Security Policyの設定

Content Security Policyの設定をする事があった。Conte ...

画像の一部分のみリンクを設定する方法

画像を表示させて、その画像の一部分のみにリンクを張りたかった。画像を重ね合わせた ...

metaタグでSEO

同じページに複数項目があり、その項目によって SEO対策を行う、というものがあっ ...

オブジェクトタグ/エンベットタグ

<object> <embed> 見たこと、聞いたことが ...

formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

ブロック要素とインライン要素

デザイナーさんやコーダーさんが、 「ブロック属性が云々」「インライン属性が~~」 ...

tableにスクロールバーを付ける

レイアウト的にiframeじゃなくtableにスクロールバーを つけたかった。 ...

フォームでカラーコードを入力したい際に便利な方法

あるフォームの項目でカラーコードを入力したいというケースがあった。だいぶ前に同じ ...

IEの表示崩れ

IEにて表示崩れが発生する際、ドキュメントモードが 互換モードになっている場合が ...

フォームのresetについて

<input type="reset">についてクリックしたら 初期 ...