1-34-17 zaHOUSE 5F Ebisunishi Shibuya, Tokyo, 150-0021, JAPAN
![aircord](https://cdn-ak-scissors.b.st-hatena.com/image/square/fa69cf615224ce65a065d01ae6827ae6ee44fb90/height=288;version=1;width=512/https%3A%2F%2Fd38o5po68a0yh9.cloudfront.net%2Fv4%2Fassets%2Fimg%2Fogp.jpg)
ここ数年で見かけることも多くなった動画をフルスクリーンで背景表示するのをJavaScript等は使用せずにCSSのみで実装する方法です。 古いIEなども対象ブラウザとなる場合は使用できませんが、モダンブラウザであればCSSのみで簡単に実装できます。 実装にはHTMLとCSSをそれぞれ下記のように記述します。 <body> <video autoplay loop poster="img.jpg"> <source src="movie.mp4" type="video/mp4"> </video> </body> body { margin: 0; padding: 0; background: url(img.jpg) center center fixed no-repeat; } video { position: fixed; top: 0; left: 0; min-width:
Bigvideoプラグインを使用してvideo要素で動画をブラウザの背景全体に再生させる(レスポンシブ対応)【jQuery連載02】 前回は、jQueryの「tubular」プラグインを使用してYOUTUBEにアップロードした動画を背景に表示させるサンプルを作成しました。(前回の記事はこちら) 今回は、jQueryの「Bigvideo」プラグインを使用して作成しました。 YOUTUBEなどの外部サイトの動画でなく自分のサーバーにある動画を背景に流したい場合におすすめのサンプルです。 前回同様に背景に動画だけを作るだけなく、ロゴやナビゲーションやコンテンツ内容を入れてWebサイトのTOPページのデザインのようなサンプルを作成してみました。 今回作成したサンプル サンプルをみる HTML5 Video要素で扱える動画ファイルに気をつけよう HTML5 Video要素で扱える動画はブラウザごとに
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:"
I am getting very close to wrapping animation on a film 20+ years in the making. Papercuts is an animated memoir about the trials, terrors, and triumphs of a life in the arts. I am working on the film in my spare time using the scraps of paper accumulated over my many years working in the glorious medium of paper stop motion! A tie in graphic memoir is also planned! Keep an eye out for it, and unt
NEWSニュース 2022/2/28プレスリリース 【3月7日】「眠眠炭酸 ピンクパッション」ご好評につき再販決定! 2021/9/27プレスリリース 【10月4日】発売15周年!「眠眠打破 濃抹茶味」デザインリニューアル 2021/6/28プレスリリース 【7月5日】眠眠炭酸 ピンクパッション限定発売&キャンペーン開始! 2021/5/11お知らせ 毎朝6時にクイズを出題『眠眠打破 玲奈の朝喝キャンペーン』本日スタート 2021/5/10お知らせ 【変更のお知らせ】『眠眠打破 玲奈の朝喝キャンペーン』の開始日について 2021/4/26プレスリリース 【5月10日】公式アンバサダーに武田玲奈さん就任!豪華賞品が当たるキャンペーン開始 2021/3/3プレスリリース 【4月5日】メリハリ生活を応援!新たな味で「眠眠打破」リニューアル発売 眠眠打破 朝の1ショットで、スマートに切り替え! キ
デジカメで撮った動画をウェブサイトで視聴できるようにしたくて、flv再生用swfプレイヤーを探しました。 Google検索で多くひっかかったのはFlowPlayerとAny Flv Player。日本語でよく紹介されてるのはこの二つですね。 今回見つけたのがJW FLV PLAYER 3.11です。Jeroen Wijeringというオランダ人の方が製作し配布しているようです。 JW FLV PLAYERは基本的にJSで制御されていて、JSのオブジェクトをnewしてメソッドで設定値を渡すだけで簡単に設定を行うことができます。先取りで行うバッファリングの設定も秒単位で指定できるので、FlowPlayerのように複数のウィンドウでページロードがもっさりすることもありません。 導入は非常に簡単です。 まず、最新版をダウンロードし、サーバ上にアップロードします。ここではlib/jw_flvplay
▲「Transcode/Save to file」(変換/ファイルを保存)にチェックを入れ、「Next」ボタンを押します ▲このような画面が現れるので「選択」ボタンを押します ▲参照ボタンを押して、変換したい動画や音声ファイルを指定、「OK」を押します。 字幕ファイルの選択も出来ますが、VLCプレーヤーの字幕表示機能はあまり美しくないので、動画に字幕を焼き付けたい場合はHandBrake、VirtualDub+VobSub等、別の方法をオススメします。 「高度なオプション」も、HDD内のファイルを変換するのには必要ないかと思われます。 ▲先の画面で「OK」を押すと入力画面に戻ります。 「Partial Extract」にチェックを入れると、下のボックスに数字を入力できるようになります。 上記のように「10」、「20」と入力すると、元動画の10秒目から20秒目のみを部分的にエンコード出来るよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く