HTML5の埋め込み動画で天地が切れる場合トリミングして天地中央で表示する方法

2015年06月16日火曜日 | 02:12

フルスクリーン動画

フルスクリーン動画サイトを見てるとブラウザの左上を起点にワイド100%で表示しブラウザのサイズによっては動画の下をカットして表示しているケースが殆どでした。
また、動画をバックグラウンド扱いにしてz-indexで最下層にしているケースが多く、タブレットやスマートフォンで閲覧した場合、動画再生ができずに代替えの静止画像を表示するパターンが多く見受けられました。
フルスクリーン動画をサイトで表示する場合ブラウザの全画面表示では16:9の比率で表示できないため天地をカットして天地中央で表示できた方が見てて違和感がないかなと思ったのでjQueryでCSS制御スクリプトを組んでみました。
動画の上にオー...

Fatal error: Uncaught ArgumentCountError: Too few arguments to function get_avatar(), 0 passed in /home/xs461278/imd-net.com/public_html/wp/wp-content/themes/imd/tag.php on line 300 and at least 1 expected in /home/xs461278/imd-net.com/public_html/wp/wp-includes/pluggable.php:2779 Stack trace: #0 /home/xs461278/imd-net.com/public_html/wp/wp-content/themes/imd/tag.php(300): get_avatar() #1 /home/xs461278/imd-net.com/public_html/wp/wp-includes/template-loader.php(106): include('/home/xs461278/...') #2 /home/xs461278/imd-net.com/public_html/wp/wp-blog-header.php(19): require_once('/home/xs461278/...') #3 /home/xs461278/imd-net.com/public_html/index.php(17): require('/home/xs461278/...') #4 {main} thrown in /home/xs461278/imd-net.com/public_html/wp/wp-includes/pluggable.php on line 2779