ナビゲーションにスクロール機能をつけてレスポンシブに「Priority Nav S... 次の記事 ≫:画面を一気に切り替えるかっこいいエフェクト実装「Collapsing Logo Effect...
最近はWebページの背景全面に動画が使われたりと、動画の需要が高くなってきました。個人でも商用でも無料で利用できる動画をダウンロードできるサイトをまとめました。 動画をWebページに使用する時は、下記のスクリプトなど参考にしてください。 動画をブラウザいっぱいやエレメントの背景として配置できるスクリプト(スマホにも配慮) -Vide まずは、以前当ブログで紹介したMazwai。 迷った時はココから探すのがベストです。
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト! KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。 動画を背景に、というスクリプト。 動画のパスを指定して表示するみたいです。楽でいいかも。尚、HTML5未対応のブラウザには普通の画像を別途用意して指定しておくことで表示を切り替えるみたいです。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script> <script type="text/javascript" src="jquery.videoBG.js"></script>コアとプラグインを読み込み。 $('.foo').videoBG({ position:"fi
動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン 2012年12月10日- Make an HTML5 video a background - body bg demo 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン。 Youtubeの動画を背景にするjQueryプラグインがあったりしますが、今回は自前の動画を背景に使ったサイトが簡単に作れます。 動画フォーマットも各種指定することで色々な端末に対応することができそう 実装コード。各種動画ファイルをフォーマットベースにオプション指定 若干重いですが、将来的にはこういったサイトも当たり前のように登場していることでしょう。 関連エントリ フリーのオープンソースなHTML5動画プレイヤーいろいろ
A small but important change to Discord’s terms of service has big ramifications for users. The social app’s terms now include a class waiver, which would prevent participation in larger lawsuits. It’s supposedly meant to prevent frivolous lawsuits, but if you want to protect your consumer rights, a simple email will…
最終更新 2008年8月12日 ・flvplayer_wrapperに対応( パッチを送っていただいたマナベ氏に感謝致します ) 前回更新 2008年6月24日 ・複数行入力に「丸文字ボタン」と「明朝ボタン」を追加 「KomeShoku」は2つのモードを兼ね備えたニコニコ動画用Greasemonkeyスクリプトです。 まず1つ目は「CommandHelperモード」です。 このモードは、ニコニコ動画にコメントする際のコマンド入力をより簡単に行なえるコメント(コマンド)入力支援機能と、またちょっとしたメモを取りたいときのメモ機能、そしてコメントの複数行入力機能(※1)も付いてます。 ※1 現在、U+00A0が半角スペースに置換されてしまいます。Flash or Javascript or ブラウザ間の仕様?っぽいです。 2つ目は「HeatMeterモード」です。 こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く