video标签怎么去掉暂停按钮
答案:2 悬赏:40
解决时间 2021-03-14 15:21
- 提问者网友:wodetian
- 2021-03-14 00:45
我想在HTML5的video标签去掉自带的暂停按钮,该怎么处理
最佳答案
- 二级知识专家网友:野心和家
- 2021-03-14 01:02
HTML标记目前还不支持这个功能,HTML5有望解决。还有一个问题是,现在的网页主流视频格式都是FLV,都是用FLASH开发的播放器的。
全部回答
- 1楼网友:堕落奶泡
- 2021-03-14 01:45
html5 video是现在html5最流行的功能之一,得到了大多数最新版本的浏览器支持.包括ie9,也是如此.不同的浏览器提供了不同的原生态浏览器视频空间.我们制作自定义视频控件为了在所有的浏览器中有一个相同的html5视频控件而不受默认视频控件的控制.
实际上,自定义视频控件并不困难.本文将告诉你如何用jquery自定义视频控件,希望对你有用!
demo download
html5 video 基础标签
1
2
3
4
5
your browser does not support the video tag.
6
video标签最好包含mp4、webm和ogg这三种源视频文件-可以跨浏览器。如果浏览器不支持html5,你可以使用flash作为后备!
开始制作 html5 video controls
幸运的是html5 video 的api可以用javascript访问,并使用他们来作为控制视频的媒介.
在编码之前让我简单的介绍一下jquery是如何获取video标签的.
在javascript中我们使用getelementbyid('videoid')来获取video标签,作为结果,我们会获取到一个dom对象.但是这不是等价的jquery对象.$("videoid")会返回一个jquery对象.不是dom对象.这就是为什么在将其转换为dom对象之前我们不能直接使用jquery选择器调用/使用html5 video的dom属性和功能.
1 //return a dom object
2 var video = document.getelementbyid('videoid'); //or
3 var video = $('#videoid').get(0); //or
4 var video = $('#videoid')[0];
5
6 //return a jquery object
7 var video = $('#videoid');
video play/pause controls 播放/暂停 按钮
好的,这是所有的介绍.现在让我们来编码.首先,我们要创建一个简单的播放/暂停按钮.
1
2 play/pause
3
我们可以轻松的控制html5 video的播放与暂停状态.
1 //play/pause control clicked
2 $('.btnplay').on('click', function() {
3 if(video[0].paused) {
4 video[0].play();
5 }
6 else {
7 video[0].pause();
8 }
9 return false;
10 };我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯