html5 嵌入视频-如何在HTML5中嵌入视频和音频?

2023-08-29 0 2,320 百度已收录

如何在网页中嵌入视频音频? 我们可以使用标签来定义视频音频文件。 HTML5支持三种视频格式,即ogg、webm和mpeg4。 使用video标签嵌入视频的基本句子格式如下:

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

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

表1 视频标签常用属性

需要注意的是,2018年1月,chrome浏览器取消了对手动播放功能的支持,这意味着“自动播放”属性无效。 如果我们想手动播放视频,我们需要添加“静音”属性,嵌入的视频将被静音。 据悉,还可以在chrome浏览器的搜索栏中输入“chrome://flags/”(此方法不适用于较新版本的chrome浏览器,如chrome79),在“搜索标签在打开的页面中(如图1所示),输入“Autoplaypolicy”,将“Default”更改为“Nousergestureisrequired”(如图2),重新启动chrome浏览器即可使用手动播放属性。

图2 更改默认选项

音频标签用于定义音频文件,支持三种音频格式,即ogg、mp3和wav。 使用音频标签嵌入音频文件的基本句子格式如下:

从前面的基本句子格式可以看出html5 嵌入视频,音频标签的句子格式与视频标签类似。 在audio标签的句型中,src属性用于设置音频文件的路径,controls属性用于提供音频的播放控制。 和之间还可以插入文本,当浏览器不支持audio标签时,文本会显示在浏览器中。

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

表3 音频标签常用属性

表1中列出的音频标签的属性与视频标签的属性相同,并且这些相同的属性在嵌入音频和视频时是通用的。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html5 html5 嵌入视频-如何在HTML5中嵌入视频和音频? https://www.wkzy.net/game/171724.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务