HTML5添加网页背景音乐

记录几个给网站添加背景音乐的HTML5代码，稍微总结一下

方式一：<video controls="" autoplay="" name="media"><source src="音乐" type="audio/mpeg"></video>

　　　　这种方式会显示播放器。

方式二：<embed src="music/We Don‘t Talk Anymore.mp3" autostart="true" loop="true" hidden="true"></embed>

　　　　这个方式主要是支持的播放器多。一定程度上解决了浏览器兼容的问题。

方式三：<audio autoplay="" loop=""><source src="http://mi.0w0.im/Letter_Song.mp3"></audio>

　　　　这个不显示播放器。

方式四：<bgsound src=背景音乐链接地址 loop=-1>

方式五：<audio src="music/We Don‘t Talk Anymore.mp3" id="aud" autoplay="autoplay" controls="controls" preload="auto"></audio>

时间： 2024-10-15 19:09:52

HTML5添加网页背景音乐的相关文章

HTML5 标签audio添加网页背景音乐代码

<head> <meta http-equiv="Content-Type" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"> <meta charset="utf-8"> <meta name=&

今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站.在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例. 响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案. HTML5 & CSS3 制作出来的网站结构良好,有很多惊人的效果,并能够在任何设备上浏览. 您可能感兴趣的相关文章那些让人赞不绝口的创新 HTML5 网站激发你灵感的20个多彩的网页作品案例 30个独具匠心的精美单页网站设计案例 20个与众不同的网页联系表单设计案

Html5 实现网页截屏页面生成图片(图文)

html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现给页面截图的功能. 因为每个浏览器渲染页面的方式都不尽相同,所以生成的图片也不太一样. 环境要求: jQuery兼容性: Firefox 3.5+, Chrome, Opera, IE9 官网主页: http://html2canvas.hertzen.com/ 测试生成的图片效果有些元素的样式没有完全展示出来 1 <html> 2 <head> 3 <meta name=&q

网页背景音乐小结

1.设置网页背景音乐时常用的方法是使用 embed标签 .object标签和bgsound标签(<bgsound id="snd"; loop="2"; src=""; volume="0";/>) 2.WEB应用程序和WINFORM应用程序可以用Timer定时器,而WEB网站项目没有Timer,只能用window.setTimeOut()作为定时器循环调用特定函数window.setTimeout("C

基于jQuery HTML5添加到购物车代码

基于jQuery HTML5添加到购物车代码.这是一款支持选择颜色跟样式的添加购物车代码.效果图如下: 在线预览源码下载实现的代码. html代码: <header> <h1>Quick Add to Cart</h1> </header> <a href="#0" class="cd-cart"> <span>0</span> </a> <ul class

怎么使用XSLT将 XML文件转化为HTML5的网页

怎么使用XSLT将 XML文件转化为HTML5的网页在这篇文章中,我将展示怎么使用XSLT语言将一个 XML 文件输出成HTML5 格式的网络页面. 让我们先看一下如下一个XML格式的文件 (movies.xml) ,文件包含了一些关于影片的相关信息: <?xml version="1.0" encoding="UTF-8"?> <movies> <movie> <title>Aliens</ti

随日期播放网页背景音乐

随日期播放网页的背景音乐,每一天都有自己的音乐,请注意,运行代码听不到音乐,是因为缺少本地音乐文件,你可以按照代码内预留的音乐路径,修改实际的音乐文件,最好是选择MID文件,这样的文件网页加载比较快. <html> <head> <title>随日期播放音乐</title> </head> <body> <table border=1 bordercolor=#FFFFFF borderlight=green cellspaci

HTML5添加背景音乐

html5 audio 给博客网页加背景音乐可以加上个按钮或者链接让其可停止或暂停下面代码只是暂停可以弄成暂停播放两种状态切换.. 可以考虑换成a标签 <a href="#" onClick="musicPaused()">停止</a> <script type="text/javascript"> function musicPaused() { var music = document.getE

Html5添加移动触摸的网页版PDF格式文件阅读器插件教程

一.使用方法 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="pdf.compatibility.js"></script> <script type="text/javascript" src="p