HTML播放器代码
HTML5提供了一种简单的方式来在网页上嵌入音频和视频,以下是一个简单的HTML5音频播放器的示例代码:
<!DOCTYPE html> <html> <body> <h1>我的第一个HTML5音频播放器</h1> <audio controls> <source src="your_audio_file.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio> </body> </html>
在这个例子中,<audio>
标签用于定义一个音频播放器。controls
属性添加了播放、暂停和音量控制。<source>
标签用于指定音频文件的路径,src
属性是音频文件的URL,type
属性是音频文件的MIME类型,如果浏览器不支持<audio>
元素,将显示<source>
标签中的文本。
同样,HTML5也提供了一种简单的方式来在网页上嵌入视频,以下是一个简单的HTML5视频播放器的示例代码:
<!DOCTYPE html> <html> <body> <h1>我的第一个HTML5视频播放器</h1> <video width="320" height="240" controls> <source src="your_video_file.mp4" type="video/mp4"> 您的浏览器不支持 video 元素。 </video> </body> </html>
在这个例子中,<video>
标签用于定义一个视频播放器。width
和height
属性用于设置播放器的宽度和高度。controls
属性添加了播放、暂停和音量控制。<source>
标签用于指定视频文件的路径,src
属性是视频文件的URL,type
属性是视频文件的MIME类型,如果浏览器不支持<video>
元素,将显示<source>
标签中的文本。
还没有评论,来说两句吧...