html怎么把音乐放进网页,html怎么插入背景音乐

首页 > 实用技巧 > 作者:YD1662024-01-17 11:50:52

其中controls属性就是用来显示播放控制界面的,就是这个:(偷懒的话可以写成"controls"就ok,不必加"="以及后面的内容了。)

html怎么把音乐放进网页,html怎么插入背景音乐(5)

如果以后您使用自己编写的控制界面,就可以不添加这个属性。

删掉这个属性后就是这样:这样为自定义的播放控制界面留出了位置。

html怎么把音乐放进网页,html怎么插入背景音乐(6)

<audio></audio>标签夹着<source>标签,一个<audio></audio>标签中可以添加多个<source>用以支持不同的格式要求。示例代码如下:(这段代码来自w3school)

<audio controls="controls"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3" type="audio/mpeg" /> Your browser does not support the audio element.<!--你的浏览器不支持这个音频元素--> </audio>

type属性是告诉浏览器音乐文件的类型。

不同格式的文件的生成需要我们自己去做,这就涉及到如何给一个音频文件进行格式转化的问题。这个问题我们明天再说,今天先学习为页面添加音频和视频。

下面我们来看一下视频的导入方法,示例代码如下:

<video controls> <source src="video/阿塔丽.mp4" type="video/mp4" /> </video>

页面效果如下:

html怎么把音乐放进网页,html怎么插入背景音乐(7)

我们可以通过设置height和width属性来控制视频的面积。实例代码如下:

<video controls width="850" height="500" > <source src="video/阿塔丽.mp4" type="video/mp4" /> </video>

页面效果如下:

html怎么把音乐放进网页,html怎么插入背景音乐(8)

上一页123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.