首页前端开发JavaScript怎么在html中插入视频和音频

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

时间2024-01-29 09:50:03发布访客分类JavaScript浏览344
导读:收集整理的这篇文章主要介绍了怎么在html中插入视频和音频,觉得挺不错的,现在分享给大家,也给大家做个参考。插入视频的理想解决方法:HTML5 + <object> + <embed>(视频教程推荐:html视频教程...
收集整理的这篇文章主要介绍了怎么在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中插入视频和音频的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html视频

若转载请注明出处: 怎么在html中插入视频和音频
本文地址: https://pptw.com/jishu/590922.html
网页开发中实用的11个文本输入和6个按钮操作特效 html中的三种布局分别是什么

游客 回复需填写必要信息