怎么在html中插入视频和音频

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

怎么在html中插入视频和音频

插入视频的理想解决方法:

HTML5 + <object> + <embed>
登录后复制

(视频教程推荐:html视频教程)

代码如下:

<!DOCTYPE html><html><body><video width="320" height="240" controls="controls" autoplay="autoplay">  <source src="/i/movie.ogg" type="video/ogg" />  <source src="/i/movie.mp4" type="video/mp4" />  <source src="/i/movie.webm" type="video/webm" />  <object data="/i/movie.mp4" width="320" height="240">    <embed width="320" height="240" src="/i/movie.swf" />  </object></video></body></html>
登录后复制

插入音频的理想解决方法:

<embed>
登录后复制

下面的例子使用了两个不同的音频格式。Html5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素。

<!DOCTYPE HTML><html><body><audio controls="controls">  <source src="/i/song.ogg" type="audio/ogg">  <source src="/i/song.mp3" type="audio/mpeg"><embed height="100" width="100" src="/i/song.mp3" /></audio></body></html>
登录后复制

相关推荐:html教程

以上就是怎么在html中插入视频和音频的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:用H5的WebGL如何在同一个界面做出json和echarts图表
下一篇:聊聊node中怎么借助第三方开源库实现网站爬取功能

发表评论

关闭广告
关闭广告