Affinger5でVideo画面が崩れる対策

スポンサーリンク

 

 

Affinger5でSimplycity2では問題なかったビデオ画面が崩れる問題に遭遇しました。 取り敢えず対策方法が判りましたので、紹介します。

 

ビデオ画面が崩れる現象

当ブログは。ビデオを埋め込む時、MediaElement.jsというプラグインを使って、AudioとVideoをショートコードで埋め込んでいます。 Videoの設定は、以下の様にDefaultの横幅は、100%、Defaultの高さは270pxで設定していました。

この設定でVideoのショートコードを設定しVideo再生すると、下のように画面が崩れてしまいました。

 

Video画面が崩れた!!

Simplycity2でのVideo画面

 

原因の特定

Video画面が崩れている要素を、Chromeブラウザの「検証」で探ってみますと、以下のコードのheight:autoに問題がある様で、これを外してみますと正常になることが判りました。

img:not(.size-st_header_slider),
video,
object {
max-width: 100%;
height: auto;
border: none;
vertical-align: bottom;
}

 

改善策

以上のCSSコードは、Affinger5(親)テーマのStyle CSSの156行目辺りにあります。 height: auto;を単純に削除すると、Video画面は正常になりますが、サイドバーのサムネール画像が崩れてします。

ポイント

そこで、Video に対してAffinger5子テーマのStyle CSSに、以下コードを追記しますとSimplycity2のVideo画面の時と同じになり改善しました。

video{
height:100%;
}

 

もし、Affinger5テーマでVideo画面が崩れるような現象に遭遇したら、以上の対策をお試しください。

 

 

 

スポンサーリンク


〜〜〜〜〜〜〜〜〜〜〜

オススメ記事

レコードのハイレゾ化
オススメ記事

LPレコードのハイレゾ化のススメ(ハイレゾ録音のヒント集)

  レコードのハイレゾ録音へのヒント(Tips)   ハイレゾ録音のヒントになればと、 今までのレコードのハイレゾ録音を通して、思いつくまま必要と思われることを書き留めましたのでご ...

MCカートリッジとMMカートリッジの音質比較

eonkyoからDL購入したハイレゾファイルを基準音源にして、基準音源と同一録音のレコードをMCカートリッジとMMカートリッジでハイレコした音源の音質比較を試みました。 MCカートリッジは、オルトフォ ...

DENON MCカートリッジ DL103Rのクロストーク「 原理編」

今更ながら、「我が家のB級プレーヤ」に取り付けた「DL103Rカートリッジのクロストーク(セパレーション)をテストレコード(AD-1 2面のバンド4:基準レベル、1kHz、3.54cm/sec(尖頭値 ...

テストレコード(AD-1)で出来ること

年代モノのレコードプレーヤTRIO(KP-51F)を使ってレコードのハイレゾ録音を行っていますが、このプレーヤの実力を知るためにテストレコード(AD-1)使って定性的な特性を調べ、断片的な記事を投稿し ...

レコードをハイレゾ化するならDSDかPCMか?

ことの 発 端 ことの発端は、あるハイレゾDLサイトから、チャイコのバイオリンコンチェルトをPCM(Flacファイル 192Khz、24Bit)で購入しました。WAVファイルも平行販売されています。 ...

CD音質関連 その他
オススメ記事

アナログ・レコードのここがダメ「CD音質と比較して」

これまでの当ブログ記事(テストレコードなどのブログ)の知見を通して、アナログ・レコードが音質的に不利な点が多々見つかりました。 アナログレコードの音質を好ましく思っている一人で、本当はあまり言いたくは ...

CDフォーマットのここがダメ「ハイレゾと比較して」

CDフォーマットのサンプリング周波数は44.1khzでビット深度は16bitです。 特にビット深度は録音レベルが低下するに伴い音質に問題が生じます。 CDの開発時点では先端技術で市場を席巻しましたが昨 ...

Sony HAP-Z1ESのDSEE機能/確認

「HAP-Z1ESのDSEEとDSDリマスタリングエンジンの効果検証」(以前のブログ記事)は、 実際のLPレコードからハイレゾ化したリアルサウンドでDSEEを評価したものでした。 今回は、正弦波の組 ...

Apple Digital MastersのAAC音質(その1)

2019年7月付けの「Apple Digital Masters テクノロジー概要」によれば、iTunesやApple Musicで配信される楽曲は、「Apple Digital Masters テク ...

Post Snippets Pluginで出来ること(小技・事例集)

 WordPressで記事を書いているビジュアルエディタ派の方でPost Snippets Plugin(以下PSPに略します)を使わずにいませんか? または、PSPをインストールしているのにも関わら ...

© 2020 ハイレコのブログ Powered by AFFINGER5