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;