在移动端怎么将HTML5中的video标签的控件去掉或者隐藏

在移动端怎么将HTML5中的video标签的控件去掉或者隐藏,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码

2、在index.html中的<script>标签中,输入js代码:。

if (navigator.userAgent.match(/mobile/i)) {

$('video').hide()

}

3、浏览器运行index.html页面,此时在移动端中成功隐藏了video标签的控件。

代码如下:

<body>

<table width="200" height="100" border="0" cellpadding="0" cellspacing="0">

<tr>

<td id="showbfq" height="20" align="center" bgcolor="#CCCC66" onclick="if(bfq.style.display=='none'){bfq.style.display=''showbfq.innerText='隐藏'}else{bfq.style.display='none'showbfq.innerText='音乐播放器'}">音乐播放器</td>

</tr>

<tr>

<td height="80" align="center" bgcolor="#CCCCCC" id="bfq" style="display:none">音乐播放器</td>

</tr>

</table>

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6137040.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存