CSSだけで実装可能！画面いっぱいに動画背景を表示する方法 | ビギナーズハイ
スマホで動画ってホントに見てる？ 渋谷の女子高生たちに聞いてみた
昨今の話題と言えば「動画」です。生活者はインターネット上の動画とどのように関わっているのでしょうか。さまざまな調査データでは、以下のようなことが言われています。 スマートフォンでの動画視聴（率や時間）が伸びている。特に若年層でその傾向が強い。 実際のところどうなのでしょうか。今回は「若年層」の代表（？）女子高生を例に、実際に渋谷にいた女子高生に「スマートフォンでの動画視聴」についてインタビューをしてみました。 概要は以下の通りです。インタビューに協力してくれた女子高生は10名。定量的にものが言える調査ではありません。また、渋谷にいた人、インタビューに答えてくれた人…、とさまざまな条件がつきますので、女子高生一般ではありません。ただ、彼女たちのスマホでの動画視聴のリアルな一面を垣間見ることができました。インタビュー結果からみえてきたことを紹介しましょう。 スマホでの動画視聴は「普通のこと」
動画は縦？それとも横？スマホ動画の“６つ”の視聴傾向が明らかに！『モバーシャル調査』 | MOBERCIAL
2015年6月25日から約2週間、20歳から60歳のスマートフォンで動画見る人、700名に対してアンケート調査を実施いたしました。 調査の結果、スマートフォンを縦向きにして動画を見る人が、横向きにして見る人に並ぶ程増えていることが分かりました。特に、縦向き動画を見る人は20代〜40代の女性に多く、1本あたり30秒以内のWeb動画を視聴する傾向が明らかになりました。 今回は、調査結果からわかった“6つ”のことをご紹介します。 『わかったこと①』6割が3分以内の動画を視聴！ スマートフォンでWeb動画を視聴するとき、一本あたりの動画の長さ（尺）について質問したところ、61%の人が３分以内の動画を視聴すると回答しました。 この結果から、3分以内の動画がスマホに適している可能性があることがわかりました。 『わかったこと②』18〜24時が最も見られる! スマートフォンでWeb動画を視聴することが最も
クリエイター界激震 簡単にキーフレームアニメを作れるソフトに「無料で公開していいクオリティじゃない」の声
簡単にキーフレームアニメーションを作れるフリーウェア、「AnimeEffects」が「無料で公開していいクオリティーじゃない」と話題になっています。ニコニコ動画に使い方の紹介動画が公開されているのですが、非常に大きな可能性を感じさせてくれます。 同ソフトは、1枚の絵をアニメーションさせるためのソフト。pngやjpgなどの画像ファイルも使えますが、psd（Photoshop用の画像ファイル）を読み込ませるとレイヤーなども読み込んでくれるため、より多彩な動きを実現できます。 動画では、走るポーズをとったサーバルちゃん（テレビアニメ「けものフレンズ」の主人公の1人）のpsdファイルから走るアニメーションを作製しています。手足を別パーツとして動かすことで、自然な走る動きが作成できるもよう。 psdファイルを読み込んで いろいろと作業をすると 走るアニメーションが完成 どのパーツを上に表示するかを決
jQueryとVimeoのAPIでサムネイルを作成し、動画をLightbox風にポップアップさせる - かちびと.net
VimeoのAPIとjQueryを使用したサンプル。 軽量なコードでLightbox風にポップアップ させる、という方法。Vimeo自体日本では 全然使ってる方を見かけませんが、徐々に 浸透すると嬉しいですね。便利だし。とい うか、僕が知らないだけで結構使ってる 方もいるのかもｗ 仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。 Vimeo Gallery こんな風にサムネイルがギャラリー的に表示されて こんな風にLightbox風にポップアップさせます。 以下サンプル。 Sample IE7以下にも手抜きハックで対応させました。もっとちゃんとやれば素敵になるんじゃないですかね。 コード $(window).load(function
動画も対象のLightbox系javascript「Mediabox」
twitter facebook hatena google pocket Web2.0の象徴といえば画像をクールに表示できる「Lightbox」があります。 しかしLightboxでは画像のみが対象でした。 MediaboxはフラッシュはもちろんYouTubeなどの動画サイト、iflameまで表示できます。 sponsors 使用方法 Mediaboxからダウンロードしたmediabox64.jsとmediabox.css、さらにmootools.jsをダウンロードします。 <link rel="stylesheet" href="http://yourdomain/mediabox.css" type="text/css" media="screen"> <script src="http://yourdomain/mootools.js" type="text/javascript"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
動画制作・活用なら取引実績2,000社以上のLOCUS（ローカス）｜株式会社LOCUS
http://pocketbox.asia/