在移动端怎么将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标签的控件。

HTML网页中插入视频方法:

1.用object 标签

<object id="MediaPlayer" width="478" height="300" codebase="<a href="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf." target="_blank">http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.</a>

cab#Version=6,1,5,217" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..." classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" VIEWASTEXT>

          <param name="DisplayBackColor" value="0">

          <param name="DisplayForeColor" value="16777215">

          <param name="DisplayMode" value="0">

          <param name="DisplaySize" value="-1">

          <param name="Filename" value="mms://www-xxx-com/视频文件.wmv">

          <!-- 此处设置播放的视频连接 -->

          <param name="ShowControls" value="0">

        </object>

2.用html标签video

<video src="movie.ogg" controls="controls">

</video>

html中添加视频主要有三个标签embed、object和video,我们这里说最常用的video标签都含有哪些属性

autoplayautoplay如果出现该属性,则视频在就绪后马上播放。

controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。

heightpixels设置视频播放器的高度。

looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。

mutedmuted如果出现该属性,视频的音频输出为静音。

posterURL规定视频正在下载时显示的图像,直到用户点击播放按钮。

preloadauto、metadata、none如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

srcURL要播放的视频的 URL。

widthpixels设置视频播放器的宽度。


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

原文地址: http://outofmemory.cn/zaji/6103965.html

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

发表评论

登录后才能评论

评论列表(0条)

保存