HTMLビデオのコントロールを再生中のみ表示するようにする

Question

videoエレメントをリッスンするイベントをアタッチして、再生開始後の一時停止後に属性controlsを持つようにするにはどうすればよいですか？私が持っているもの

は

$('#new-normal-video').on('play',function(){ 
    $(this).prop("controls",true); 
}); 

とそのイベントがatttachingされていない何らかの理由です。

Answer 1

ここで試してみました。それは私のために働いているようだ。動画要素が正しく追加されていることを確認してください。動画を動的に作成している場合は、動画要素が作成される前にスクリプトが呼び出されている可能性があります。ここで働いてJSfiddleはあなたの問題

https://jsfiddle.net/rea00rz6/1/

$('#myVideo').click(function() { 
    $('#myVideo').get(0).play(); 
}); 
$("#myVideo").on('play', function() { 
    //my code here 
    $('#myVideo').prop("controls", true); 
});