怎么在html文件中加入音频文件夹,HTML5中怎样嵌入视频和音频?

怎么在一个网页中嵌入视频和音频呢?我们可以使用标签对视频或音频文件进行定义,HTML5支持三种视频格式有三种,分别为ogg、webm和mpeg4。使用video标签嵌入视频的基本语法格式如下:

在上面的语法格式中,src属性用于设置视频文件的路径,controls属性用于控制是否显示播放控件,这两个属性是video标签的基本属性。值得一提的是在和之间还可以插入文字,当浏览器不支持video标签时,就会在浏览器中显示该文字。

值得一提的是,在video标签中还可以添加其他属性,进一步优化视频的播放效果,具体如表1所示。

13f97f5bc7b2562842f624402a9c0282.png

表1 video标签常见属性

需要注意的是,在2018年1月chrome浏览器取消了对自动播放功能的支持,也就是说“autoplay”属性是无效的,这是如果我们想要自动播放视频,就需要为video标签添加“muted”属性,嵌入的视频就会静音播放。此外也可以在chrome浏览器搜索栏中输入“chrome://flags/”(该方法不适用于版本较新的chrome浏览器,如chrome79),在打开的页面“搜索标签”处(如图1所示),输入“Autoplay policy”,将“Default”改为“No user gesture is required”(如图2所示),重新启动chrome浏览器即可使用自动播放属性。

7af7f37c782e983df3fa6f527228274b.png

图2 修改默认选项

audio标签用于定义音频文件,它支持三种音频格式,分别为ogg、mp3和wav。使用audio标签嵌入音频文件的基本语法格式如下:

从上面的基本语法格式可以看出,audio标签的语法格式和video标签类似,在audio标签的语法中src属性用于设置音频文件的路径,controls属性用于为音频提供播放控件。在和之间同样可以插入文字,当浏览器不支持audio标签时,就会在浏览器中显示该文字。

值得一提的是,在audio标签中还可以添加其他属性,来进一步优化音频的播放效果,具体如表1所示。

74da0469a9ec5f8a630ac59a39e34976.png

表3 audio标签常见属性

表1列举的audio标签的属性和video标签是相同的,这些相同的属性在嵌入音视频时是通用的。

猜你喜欢:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值