HTML5で動画を配信する方法について

HTML5で動画を配信する方法について調ています。

すでにvideoタグなどを利用して動画の配信ができるところまではわかっています。
あとはホームページを制作して、動画を配信する段階です。

よく凝ったHPで、動画を再生するボタンや動画のサムネイルをクリックすると
背景がやや暗くなり（黒っぽい画面）になり、最前面に動画の初期画面がズームして
再生が始まるサイトがあります。

これを実現する方法を調べているのですが、どのなたかその方法
（HTMLの記述の仕方やホームページ制作ソフト）
をご存知ないでしょうか。

また、このような動画配信について詳しく解説してあるサイトや
書籍があれば紹介してください。

よろしくお願いします。

No.1 ベストアンサー 回答者： とらよし 回答日時： 2015/11/08 19:23

背景がやや暗くなるエフェクトは「モーダルウィンドウ」と言います。

これは主にjQueryプラグインを利用した「Lightbox」等でお馴染みです。
しかしLightbox等では動画の埋め込みではなく、動画共有サイトへの外部リンクを利用したものでした。

jQueryプラグインによるモーダルウィンドウ解説サイトがあったので、それを参考にして、
HTML5で動画の埋め込みをカスタマイズし、サンプルページを作ってみました。

「jQueryプラグインによるモーダルウィンドウ解説サイト」
実装に必要なファイルも一括ダウンロードできます。
https://syncer.jp/jquery-modal-window

「サンプルページ」
http://www13.plala.or.jp/torayoshi/SYNCER00063/d …

この回答へのお礼

早速回答があるとは思ってもみませんでした。
問題が解決しそうです。
本当にありがとうございました！！

お礼日時：2015/11/09 10:54

No.2 回答者： torayoshi 回答日時： 2015/11/10 13:18

質問が解決したと思われた時は質問を締め切ってください。

いつまでも受け中・放置はマナー違反です。