在html5网页中快速添加音频、视频元素
如需在html5网页中添加音频元素,只需要插入以下代码即可:
<audio controls>
<source src="filename.mp3" type="audio/mpeg">
<source src="filename.ogg" type="audio/ogg">
渣渣浏览器不支持audio元素!
</audio>
<!--
controls属性——添加播放、暂停和音量控件;
在<audio>与</audio>之间你插入提示文本,当浏览器不支持<audio>元素时显示该文本;
<audio>元素允许使用多个<source>元素,<source>元素可以链接不同的音频文件,浏览器将使用第一个支持的音频文件;
当然你也可以根据自身需要,在代码内添加其他CSS属性,如"text-align"、"text-decoration"等。
-->
播放器效果如下:
同样,如需在html5网页中添加视频元素,使用以下代码:
<video width="320" height="240" controls>
<source src="filename.mp4" type="video/mp4">
<source src="filename.ogg" type="video/ogg">
您的浏览器不支持video标签!
</video>
最后更新于 2019-12-10 23:07:45 并被添加「经验分享」标签,已有 5778 位童鞋阅读过。
本站使用「署名 4.0 国际」创作共享协议,可自由转载、引用,但需署名作者且注明文章出处。
视频播放有时正常,有时不行,不清楚咋回事
难搞-.-
文章不错支持一下吧
想起以前折腾博客的日子,现在却越来越模糊,
视频站的也支持吧!! manman.qian.lu/1755.html 只不过装了插件!!
@格子老师
有时间再研究研究,谢谢格子老师!
学习一下,话说你更新一篇好费劲
@跋涉者
费劲更新一篇还是除草文,哈哈
外链音频、视频都可以的哦,视频网站不支持,您可以试试meting插件。
学习一下。不过插入外链视频还是不行吧,视频站好像还不支持
@奶爸建网站笔记
真的佩服你的毅力,可以说无处不在
@奶爸建网站笔记
外链音频、视频都可以的哦,视频网站不支持,您可以试试meting插件。