如何通过检测 html 标签中的网络或移动设备来添加属性

Question

我的网站中有一个视频标签

     <video id="html_video" style=" width:100%;" muted autoplay id="bgvid">
           <source src="video/newvideo.mp4" type="video/mp4">
      </video>

它在没有网络控制的情况下工作正常。但是在 iPad 中，safari 没有检测到 autoplay。所以我添加了 controls 属性以在 safari iPad.

中显示播放按钮

代码变为

         <video id="html_video" style=" width:100%;" controls muted autoplay id="bgvid">
           <source src="video/newvideo.mp4" type="video/mp4">
      </video>

现在控件可用于 ios 和网络。单击播放按钮播放 iPad.

中的视频

我的问题是，是否可以仅将此 controls 属性添加到 safari iPad 而在网站中添加该属性而不是其中的百分比？

感谢任何类型的答案。

提前致谢

Answer 1

我在页面中添加JavaScript成功了，如下

供参考

$(document).ready(function () {
            if( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) ){
              document.getElementById('html_video').setAttribute("controls","1");
            }
            else {
              document.getElementById('html_video').removeAttribute("controls","1");
            }               
        });

谢谢。

如何通过检测 html 标签中的网络或移动设备来添加属性

How to add an attribute by detecting web or mobile devices in html tag

html

safari

ipad