ページ読み込み時にデフォルトのビデオショートコードコントロールを非表示にする

Question

Wordpress 3.6以降では、デフォルトのビデオショートコード[video]を使用すると、ビデオのコントロールはページロード時に常に表示されます。動画要素の上にカーソルを置いたときにのみ、ページの読み込み時にこれらのコントロールを非表示にして表示する方法を説明します。

下記のCSSコードを使用して、トリックを行います...

.wp-video .mejs-container .mejs-controls {
    visibility: hidden;
}

しかし、コントロールはその時にホバリングしても現れません。問題を解決するには？

Answer 1

有効にするには、ホバーCSSコードを使用する必要があります。

.mejs-container .mejs-controls:hover {
 display:block;
}