mediaelement.js - ホバー時に再生ボタンのみを表示

Question

場合によっては、Vimeo のプレーヤーの動作に似たメディア要素を使用したいと考えています。ユーザーがビデオにカーソルを合わせた場合、再生ボタンのみを表示したいと考えています。ただし、ユーザーがビデオを開始すると、残りのコントロールが表示されます。次に、ユーザーがビデオを停止すると、再生ボタンのみになります。

これは可能ですか？

Answer 1

jQuery を使用して、プレーヤーの起動時にコントロールを含む Div を非表示にします。これにより、コントロールが非表示になります。

$('.mejs-controls').attr('style','visibility:hidden;');