从html5 标记添加或删除控件属性

我正在寻找一种方法，根据用户代理字符串将controls属性添加到video标记。

我不希望在Ipad和Android之外的任何浏览器或设备上都存在controls属性。 所以我认为用户代理是最好的识别方式，因为ipad和android这两个词存在于各自的UA头中。

实现目标的最佳方法是什么？ 我试过这个没有运气：

 var myVideo = document.getElementById("myVideo"); var agent = navigator.userAgent.toLowerCase(); var addAttr = (agent.indexOf('ipad')!=-1) || agent.indexOf('android')!=-1); if (addAttr) { myVideo.setAttribute("controls","controls"); } else { document.write(""); }  

这是我的html5video内容

任何帮助，将不胜感激！

Answer 1

你可以用jQuery做到这一点：

 //Add $('#myVideo').prop("controls", true); //Remove $('#myVideo').prop("controls", false); 

Answer 2

没有jQuery，令人惊讶的更短：

 //Add myVideo.controls = "controls"; //Remove myVideo.controls = ""; 

• 基于此，您已经创建了一个变量myVideo：

  var myVideo = document.getElementById（“myVideo”）;

希望有帮助:)