可以分别用audio标记和video标记。具体步骤如下:
首先,我们打开sublime,新建一个html5文档,并把html5文档的基本结构写出来,如下图所示:
然后我们在<body></boddy>标签之间把video标签写进去,如:<video src="这里写视频地址" width="800" height="600"></video>
打开网页可以发现,此时的视频并没有播放,只是一个静止的画面,怎样点击都没有反应,这是因为我们没有添加播放控件的原因。
我们在video标签里面添加播放控件,也就是controls ,这时我们发现,视频的正下方多了个进度条,我们可以点击播放试试。此时可以正常播放了。
如果我们想让视频在点击进网页时自动播放,可以添加一个autoplay,autoplay代表自动播放的意思。
各大浏览器对video中的视频格式支持不一致,比如:有些浏览器不支持mp4格式,只支持webm格式,有些则相反。为了防止意外发生,我们需要做兼容,让我们的视频在任何浏览器上都可以正常播放。
为网页添加音频01给网站嵌入音频,我们使用audio标签,其实audio和 video 标签一样,audio 标签用于嵌入音频内容,而音频标签的属性和视频标签类似。
音频的支持度和视频也类似,同样使用<source>元素引入多种格式兼容即可。主流的音频格 式有:.mp3,.m4a,.ogg,.wav。
现在手机浏览器都支持html5,所以插入音频/视频的话,可以用html5标签,音频用audio标签,视频用video标签。
示例代码如下:
音频
<audio src="song.ogg" controls="controls"></audio>视频
<video width="320" height="240" controls="controls"><source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
使用<bgsound>标记可以将多种格式的音乐文件设置为背景音乐嵌入到网页中。
为了更好地体现页面主题并吸引浏览者,网页制作者常常在网页中嵌入背景音乐。使用<bgsound>标记可以将多种格式的音乐文件设置为背景音乐嵌入到网页中。
基本语法
<bgsound src=“File_url” loop=“循环次数”>
语法说明
src属性是<bgsound>标记必设的属性,用于指定嵌入的背景音乐文件。loop属性为可选属性,当取值为某个数时,表示背景音乐循环播放该数字所指定的次数;如果取值为-1,则表示背景音乐循环不断地播放;默认情况下,背景音乐播放一次。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)