はじめに 今回やりたかったことは以下 ・ページが表示されたら動画を自動再生する ・全画面表示ではなくページに埋め込む形でインライン再生 ・スマホ（ios・android）で実装 動画広告のようなイメージでしょうか videoタグを使えばできると思ったのですが、スマホではautoplayが効きませんでした。 色々試してみたのですがユーザの端末操作(再生ボタンをクリック等)なしでの自動再生は端末の制御でできないようでした。 ※スマホで勝手に再生して意図しないパケット使用量の増加を防ぐためのようです ogv.jsライブラリ で、調べていると、ogv.jsというライブラリがありました。 中身を見てみるとurlから取得した動画ファイルをデコードして随時canvasに描画していました あまり理解できていないのですが、こんなの作ってしまうなんてすごいですね・・・ https://github.com/b

ちょっと頼まれたので作ったコードです。 jQueryにはLazyLoadなる画像の後読みのプラグインがありますが あれは画像の表示されたら画像を読みにいくっていうことで 無駄な読み込みを減らす事ができたりするってことでしたが （結局のところ読みこんじゃうらしいですね） Youtubeの動画をページに埋め込んで、スクロールして 表示されたときに、再生してくれたらいいなってことで jQueryのLazyLoadをコードを眺めていたら どうもスクロール位置が云々している様子。 だったら、スクロールイベントで、動画を貼付けた位置になったら 再生させればいいんじゃね？ってことで じゃあ、再生コントロールはどうしたかっていうと、 YouTube JavaScript Player APIってのがあるので、これを利用。 設定的には動画の表示が画面の2/3を超えたら再生を始めるようにしました。 また、リロ