メインビジュアル (ヒーローイメージ) や背景の動画による演出 | Accessible & Usable
公開日 : 2017年2月16日 カテゴリー : ユーザビリティ / アクセシビリティ ウェブサイトのメインビジュアル (ヒーローイメージ) や、メインコンテンツの背景が、動画になっているものを最近よく目にします。高品位な動画を提示することで、サイトが扱う商品やサービスの特長、雰囲気、質感、姿勢、などをユーザーに効果的に印象付けることが期待できます。以下は、本記事執筆時点で見つけた数ある中のほんの一例です。 大学 (学部案内) 子ども/ファミリー向け写真館 スイーツのお店 宿泊施設 炭酸入浴剤の販売 キッズバイクのプロモーション などなど... こうした演出は、商品やサービスの「予期的 UX」醸成やブランディング訴求といった側面が重視される中、今後ますます増えててゆきそうですが、ウェブコンテンツである以上はこうした側面を十分に活かしつつも、基本的なユーザビリティやアクセシビリティをしっかり
Webサイトに動画を埋め込む際のサイズと軽量化方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、HALです。 今回は、動画をWeb用に軽量化するための方法を紹介します！ 軽量化を行わないと、たとえば 1280px × 720pxの30秒ぐらいの動画の場合40MBほどの重さになってしまいます。そのままだと videoタグなどでWebブラウザ上で再生するには大きすぎてしまいます。モバイル端末ならさらに軽量化が必要です。 動画の軽量化をするにはさまざまなツールがありますが、 HandBrakeというツールがとても使いやすかったので、基本の設定方法を紹介していきます。 ※この記事は2022年3月に編集部が情報を更新しました 動画を埋め込む方法 外部リンクで埋め込む YouTubeやVimioに動画をアップロードし、それを外部リンクとして埋め込む方法があります。 YouTubeではさまざまなサイズの動画をアップロードすることができますが、標準のYouTube動画のサイズは1920×
HTML5 アプリケーションをビルドする - 実用的なクロスブラウザー HTML 5 のオーディオとビデオ
これらの相違に対応するため、video タグと audio タグには複数の子 source タグを指定できます。これにより、再生可能なメディア ファイルをブラウザーが選択できます。各 source 要素には次の 2 つの属性があります。 src: メディア ファイルの URL を指定します。 type: MIME の種類およびオプションとして特定のビデオ コーデックを指定します。 h.264 と VP8 の両方のビデオ コーデックを指定する場合、次のようなマークアップを使用します。 <video id="video1" width="640" height="360"> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> </video> iOS と Android の以
第4回：音楽を批評するためにブログで音源を「引用」してもいいの？
―「引用」｢転載｣関係／著作権なるほど質問箱（文化庁）より引用 カズワタベ 逆に、この条件を明確にクリアした上で著作物の利用が認められない例外は基本的に存在しないと考えていいんでしょうか？ 水野 はい、「引用」の条件をクリアしていれば、著作物の利用が可能になります。 カズワタベ なるほど。ではその上で、今回のFさんの「音楽レビューにおける音源の使用」が引用に該当するのかを考えていければと思います。具体的にはブログで音楽のレビューを書く際に、音源をアップして聴いてもらいながら読んでもらいたいということでよろしいですか？ Fさん はい、聴いてない曲のレビューを文章だけで読んでも伝わりづらいと思いますし。 カズワタベ 水野さん、今回の相談については内容が明確になってきたかと思うんですが、他に前提として確認しておくべき点はありますか？ 水野 整理しなければいけないのは、今回のFさんによるブログでの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Media Element まとめ - Qiita
