HTML5ビデオ：コントロールを非表示にすると、Internet Explorerで動作しません、removeAttr、removePropなど

Question

ホバー/ホバー休暇を入力してください上のビデオコントロールを非表示と表示するようにしようとは：

$('#content-video').hover(function(event) { 
    if(event.type === "mouseenter") { 
     console.log("ENTER"); 
     $(this).attr("controls", true); 
    } else if(event.type === "mouseleave") { 
     console.log("EXIT"); 
     $(this).attr("controls", false); 
     $(this).prop("controls", false); 
     $(this).removeAttr("controls"); 
     $(this).removeProp("controls"); 
     currentVideo.removeAttribute('controls'); 
    } 
}) 

は、すべてのものを試してみました。 EnterとEXITメッセージはInternet Explorerでは正常に表示されますが、 'controls = "true"'は要素に残り、コントロールはmouseleave上に表示されたままになります。なぜどんなアイデア？不平を言う。

Answer 1

document.getElementById("myVideo").controls = false;