如何实现用html代码控制视频音量

如何实现用html代码控制视频音量,第1张

在html网页中插入这段代码<embed src="a.avi" autostart=false fullscreen=true width="400" height="300" align="bottom"></embed>可实现在网页中播放和控制avi视频,简要解释一下,src是源文件路径,autostart是控制是否自动播放,fullscreen是控制是否全屏播放的,后面的想你应该知道意思,不过要注意的是,在本地播放视频需要本地播放器和解码器的支持如果你的avi视频是xvid编码压缩的(这种avi视频体积较小),必须要装xvid解码器,如果你的视频不是avi格式,请把它转换成avi格式;对于swf影片,也可以这样用,但是不能控制播放,要想控制播放,一个是在flash里加按钮控制,另外就是把swf影片转换成avi格式。

你的那个代码是没错的,就是用来更改音量的,可能是你设置错了,也有可能你安装的播放器支持的格式不一样,没看到很难说清是怎么回事。百度文科里面有篇文章对这个有具体的说明,你看看吧,应该对你有帮助http://wenku.baidu.com/view/8178c3c7aa00b52acfc7cabd.html

工具/材料

Sublime Text

01

打开Sublime Text工具,准备好如下图所示的目录结构,目录里面包括要插入的音频文件和一个html文件。

02

打开HTML文件,新建一个空的HTML5文档结构,如下图所示,注意编码一定设置为UTF-8。

03

接下来在body标签中插入audio元素,audio元素里面通过source引入音频文件,如下图所示,注意文件的类型要写对。

04

运行编写好的页面程序,你会在网页中看到如下图所示的音频播放器,我们点击播放按钮就会自动播放音频。

05

当然有很多的老版本的浏览器并不支持audio元素,这个时候我们可以在audio里面添加一个提示,当浏览器不支持audio元素的时候就会显示这个提示。

06

如果想进入播放页面就立即自动播放音频内容,那么需要在audio中添加一个controls属性,如下图所示。

07

最后,我列举了一下当前主流浏览器对HTML5里面audio元素的支持情况,大家可以做一下参考。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存