正在加载图片...
的这两个元素并且能够支持音频、视频文件的编解码器即可。同时, 代码的书写方法也非常简单、清晰、简洁。 案例: 示例9-2:在HTML5页面中播放音频或视频 <html> <meta charset="utf-8 tte在HTML4页面中播放音频或视频文件</tte </head> <center> <h1>播放视频<h1> <video src="medias/WoWeiZiJiDaiYan-AD mp4"controls> 您的浏览器不支持vdeo元素 <h1>播放音频</h1> <audio src="medias/GeGe-Chang. mp3" controls> 您的浏览器不支持audo元素 </audio> body> </html> 由于目前浏览器能够支持的编解码器不一致,为了确保一个视频 能够同时被所有支持HTML5的浏览器支持,则可以通过< source>元 素来为同一个视频指定多个源,供不同的浏览器来选择适合自己的。 案例 示例9-3:使用多个源,在HIML5页面中播放音频或视频 <Doctype html> <meta charset="utf-8> <title>使用多个源,在HTML5页面中播放音频或视频文件</tte <center> <h1>播放视频</h1> 6《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ bs. 51xueweb cn6 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 的这两个元素并且能够支持音频、视频文件的编解码器即可。同时， 代码的书写方法也非常简单、清晰、简洁。 案例： 示例 9-2：在 HTML 5 页面中播放音频或视频 <!doctype html> <html> <head> <meta charset="utf-8"> <title>在 HTML 4 页面中播放音频或视频文件</title> </head> <body> <center> <h1>播放视频</h1> <video src="medias/WoWeiZiJiDaiYan-AD.mp4" controls> 您的浏览器不支持 video 元素。 </video> <h1>播放音频</h1> <audio src="medias/GeGe-ChangShilei.mp3" controls> 您的浏览器不支持 audio 元素。 </audio> </center> </body> </html> 由于目前浏览器能够支持的编解码器不一致，为了确保一个视频 能够同时被所有支持 HTML 5 的浏览器支持，则可以通过<source>元 素来为同一个视频指定多个源，供不同的浏览器来选择适合自己的。 案例： 示例 9-3：使用多个源，在 HTML 5 页面中播放音频或视频 <!doctype html> <html> <head> <meta charset="utf-8"> <title>使用多个源，在 HTML 5 页面中播放音频或视频文件</title> </head> <body> <center> <h1>播放视频</h1>