cssvideo样式,h5 video 支持格式

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

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

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

2、在index.html中的script标签中，输入js代码：。

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

$('video').hide();

}

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

相关问答

Q1: html5 可以改变默认样式吗

播放器可以弄自定义样式的

html:

div style="text-align:center;"

div

button onclick="playPause()"播放/暂停/button

button onclick="makeBig()"大/button

button onclick="makeNormal()"中/button

button onclick="makeSmall()"小/button

/div

video id="video1" width="420" style="margin-top:15px;"

source src="" type="video/mp4" /

source src="" type="video/ogg" /

Your browser does not support HTML5 video.

/video

/div

js:

var myVideo=document.getElementById("video1");

function playPause(){

if (myVideo.paused)

myVideo.play();

else

myVideo.pause();

}

function makeBig(){

myVideo.width=560;

}

function makeSmall(){

myVideo.width=320;

}

function makeNormal(){

myVideo.width=420;

}

布局样式在css里改可以了

参考

Q2: 是否可以使用css对video标签以及audio标签进行修饰？

可以用CSs对video和audio标签进行修饰，因为hTMl当中所有的标签都可以用Css来修饰。Css和标签少了任何一点，就没有我们现在色彩缤纷的网页。

Q3: CSS+HTML

source是为了兼容各个浏览器。因为浏览器对视频格式支持不统一，有些浏览器例如有些浏览器支持 mp4格式，那么它就播放第一个 mp4 格式的视频，如果它不支持就检查是不是支持下面的 ogg 视频，如果支持就播放，不支持的话继续向下，下面没有source了，那么就显示“Your browser does not support the video tag.”

注意:

如果你在 video 内设置了 muted 属性，是可以通过 autoplay 实现视频的自动播放，反之则需要用户手动授权，点击播放才可以实现自动播放。

因为谷歌浏览器禁止页面在没有用户授权的情况下进行有声的视频播放

Q4: html5里把video的封面图片设置的宽高跟视频一样怎么做

在css 样式中 @media 标签，控制屏幕宽度让其进行自动变化。

经常为不同分辨率设备或不同窗口大小下布局错位而头疼，可以利用@media screen实现网页布局的自适应。

优点：无需插件和手机主题，对移动设备友好，能够适应各种窗口大小，只需在CSS中添加@media screen属性，根据浏览器宽度判断并输出不同的长宽值。