怎么在html中插入视频和音频
程序员文章站
2022-03-14 23:44:50
...
插入视频的理想解决方法:
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中插入视频和音频的详细内容,更多请关注其它相关文章!
推荐阅读
-
使用HTML5在网页中嵌入音频和视频播放的基本方法
-
HTML5中的音频和视频媒体播放元素小结
-
微信公众号文章中怎么插入音频和视频文件?
-
在html中插入mpg格式视频文件的代码
-
怎么在网页中插入视频播放器_html/css_WEB-ITnose
-
在IE7中的效果,到IE9和其它浏览器中就失效了?要怎么办?_html/css_WEB-ITnose
-
教你怎么在html中插入图片
-
怎么正确使用HTML5视频播放标签video和音频播放标签audio标签
-
怎么在网页中插入视频播放器_html/css_WEB-ITnose
-
在网页中插入flv格式的flash视频怎么让其循环播放_html/css_WEB-ITnose