やまろぐはてな

yamanokuの技術メモとか戯言。真面目に見たり見なかったりしてください

モーダルでyoutube動画流すことへの所感

f:id:cardboarder:20160824232953p:plain

結論

から述べるとこうした方がいいと思います。

  • PC時はモーダルで表示して流す
  • SP、タブレットは埋め込みプレイヤーで流す

理由

モーダルで表示するそもそもの目的は縮小されたものを拡大したり別レイヤーで表示することであり、スマートフォンなどでの携帯端末では画面領域が小さいし、別レイヤーがサイト設計とあっているのかを検討するとやる必要をそこまで感じない。

加えて携帯端末で動画を再生するのも結局は埋め込みの部分を再生するわけで。専用プレイヤーが表示されるのでモーダル表示→youtube再生→プレイヤー起動のような回りくどい動作になってしまい面倒。だとしたら最初から動画プレイヤー(もしくはyoutubeアプリ)を素直に起動させたほうがいいと思う。

そもそも無理にサイト内でyoutube動画を流す理由はあるのかというのが気になる。あり得ることならそもそもコンテンツとしてすぐ見れない位置に配置するならわかるけれども、いきなり頭に動画読み込むのとかあると正直参る。呼び出しが重いんだよ。

餅は餅屋の方式でyoutube動画はyoutubeサイトへリンク貼っとく方が素直なのでは?と正直感じるところはあるのだが各位その辺はどうだろうか。

(というか動画というコンテンツはこの先どこまで通用するのか)

やり方

簡単です

  1. UA判定でモバイル端末時はモーダル部分をid指定でもして非表示にする
  2. バイル端末時は逆に埋め込み箇所だけを表示させる
  3. おわり

有用そうなプラグインに関して

sorgalla.com

色々あるけどこれ一択じゃないかなとは思う。MITで深く考えないで使うなら。

以上、相変わらずiframeと仲良くなれない人でした。こちらからは以上です