AMANE https://blog.hatena.ne.jp/AMANE/ 自習室 https://izmiz.hateblo.jp/ AfterEffects browser一般 はじめに ウェブアプリで画面全体にわたるようなリッチなエフェクトを掛ける手段のひとつとして、デザイナさんに作ってもらう動画(たとえばAfter Effectsで)をそのまま使う、なんてことは出来ないかと考えてトライしてみました。 HTML要素の上に半透過の動画を <video> 要素で置くことで、もとのHTMLを動画で演出、みたいなことができています。 できあがった物はこちらで確認出来ます webm transparent test ブラウザは Chrome しか対応しておりません！ご注意。 環境 Windows 7 pro 64bit Google Chrome After Effects … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fizmiz.hateblo.jp%2Fentry%2F2015%2F01%2F09%2F214817" title="FFmpegで WebM の半透過動画を作成し、Chromeで再生する - 自習室" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/A/AMANE/20141216/20141216172917.jpg Hatena Blog https://hatena.blog 2015-01-09 21:48:17 rich https://izmiz.hateblo.jp/entry/2015/01/09/214817 1.0 100%