在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>

相关文章

已有 12 条评论

  1. 云点

    视频播放有时正常,有时不行,不清楚咋回事

    云点 回复
  2. 演员

    难搞-.-

    演员 回复
  3. 今日新鲜事

    文章不错支持一下吧

    今日新鲜事 回复
  4. MR.CHOU

    想起以前折腾博客的日子,现在却越来越模糊,

    MR.CHOU 回复
  5. 格子老师

    视频站的也支持吧!! manman.qian.lu/1755.html 只不过装了插件!!

    格子老师 回复
    1. 阿拽

      @格子老师

      有时间再研究研究,谢谢格子老师!

      阿拽 回复
  6. 跋涉者

    学习一下,话说你更新一篇好费劲

    跋涉者 回复
    1. 阿拽

      @跋涉者

      费劲更新一篇还是除草文,哈哈

      阿拽 回复
  7. 阿拽

    外链音频、视频都可以的哦,视频网站不支持,您可以试试meting插件。

    阿拽博主 回复
  8. 奶爸建网站笔记

    学习一下。不过插入外链视频还是不行吧,视频站好像还不支持

    奶爸建网站笔记 回复
    1. 浮游

      @奶爸建网站笔记

      真的佩服你的毅力,可以说无处不在

      浮游 回复
    2. 阿拽

      @奶爸建网站笔记

      外链音频、视频都可以的哦,视频网站不支持,您可以试试meting插件。

      阿拽 回复
发表新评论取消回复

TOP