videoタグの動画をcanvasを使って表示する | スターフィールド株式会社
html5のvideoタグを使って動画をサイトに組み込む場合、スマホで動画を再生するとフルスクリーン表示になってしまいます。iosは基本的にフルスクリーン表示になるはずです。 動画上をクリックして表示されている物の情報を出すなどインタラクティブなサイトを作ろうとすると、このフルスクリーン表示が問題になってしまいます。 今回はこのフルスクリーン表示を何とか解消できないかと思い、videoタグの動画をcanvasに出力する方法を探ってみました。 videoタグの動画をcanvasに切り取る demo1 まずはhtmlです。videoタグで動画を設置して、動画の出力先となるcanvasと動画を出力させるためのbuttonも作っておきます。 <video controls id="v" width="480px" height="270px"> <source src="video/sample1
今までで一番高機能かもしれないjQueryプラグインのスライドショー「camera」 | ECサイト｜システム開発会社｜スターフィールド
タイトル通り、今まで見てきた中で、一番高機能なスライドショーかもしれません。 機能が豊富で、その設定もそこまで難しくないということで、 使いやすいプラグインです。 レスポンシブにも対応しており、 動画を組み込んだり、フルスクリーンにもできたりします。 簡単に特徴をあげると、 ・スライドアニメーションのエフェクトが豊富 ・スキン(カラー)が豊富にある ・サムネイル、ナビゲーション、ページング等の設定がいろんなパターンに対応 ・レスポンシブ対応 ・スライドのローダーが付いている ・キャプションが付けられる といったところでしょうか。 ローダーが付いているのは、今までにほとんど見たことなかったので、 けっこういいですね。 ただ、html5なので、ieはそこまで対応していないかもしれません。 （いけてie8くらいまでかな） デモを作成したので、ぜひ見てみてください。 DEMO
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
