如何控制html5 video 控制条一直显示

如何控制html5 video 控制条一直显示,第1张

嵌入播放按钮播放按钮与flash联系起来就可以了,或者是使用html5的默认控制条。嵌入播放按钮的方法:进度条时间算法,进度像素=当前时间/总时间*总像素。举个例子:进度条progressBar1为名称举例:progressBar1.Maximum这里是进度条的最大值。这个在属性里面设置。我们在时钟里面这么写:if(progressBar1.Value

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

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

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

setTimeout(fun, 120*1000)

function fun() {

$('video').attr('controls', 1)

}

3、浏览器运行index.html页面,此时运行2分钟后,才会显示出控制条。

剪映制作视频进度条方法如下:

首先打开剪映软件,在剪映专业版中,通过添加白色卡片,实现添加进度条的功能。将卡片移动到最下方露出上方一点内容,添加头尾两个关键帧,最后输入文字。 点击上方的【媒体】-【素材库】-【黑白场】。 卡片时长与视频时长一致。

接下来便是详细的步骤讲解:

1、添加白色卡片:点击上方的【媒体】-【素材库】-【黑白场】。

2、调整卡片时长:卡片时长与视频时长一致。

3、调整卡片位置:将卡片往下移动,只露出上部分。

4、添加关键帧:将时间轴移动到开头,将卡片位置移动到最左侧,然后添加一个位置关键帧。

5、再次添加关键帧:将时间轴移动到末尾,将卡片位置还原,然后添加一个位置关键帧。

6、添加文字:在进度条处输入文字。

最后导出视频,就可以在视频下方看到进度条啦。

剪映作为一款手机视频编辑工具,带有全面的剪辑功能,支持变速,有多样滤镜和美颜的效果,有丰富的曲库资源。自2021年2月起,剪映支持在手机移动端,Pad端,Mac电脑,Windows电脑全终端使用。


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

原文地址: http://outofmemory.cn/bake/11898522.html

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

发表评论

登录后才能评论

评论列表(0条)

保存