校内css背景音乐问题 我的涂鸦板为啥不能播放音乐??
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了校内css背景音乐问题 我的涂鸦板为啥不能播放音乐??相关的知识,希望对你有一定的参考价值。
以下为我的css全部代码。我在北京音乐那框里添的http://224.cachefile7.rayfile.com/16eb/zh-cn/preview/74b3c5f889d69a7dc11efa4a438520c5/preview.mp3这首歌,却播不了。
.tab-contentbackground:url(http://97city.com/blog/wp-content/uploads/2008/09/21.jpg) repeat-y 50% 100%; bodybackground:#fff url(http://97city.com/blog/wp-content/uploads/2008/09/21.jpg) repeat-y 50% 0;color:#978F88; cursor:url(http://crazyren.cn/xiaonei/tools/mouse/ani/199.cur); #From http://CrazyRen.Cn/ #opibackground:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/恶魔的小熊/pic/item/2dc22df69c5e343a730eec63.jpg) no-repeat center top;margin:0 auto; #footerbackground:url(http://97city.com/blog/wp-content/uploads/2008/09/31.jpg) no-repeat 50% 100%;height:110px;width:100%;margin:0;padding:0; .profile .profile-panelborder-bottom:none;background:none;padding-top:330px; .profile .left-column-holder width:780px;margin:auto; padding-right:0 .profile .left-columnwidth:180px; position:absolute; .profile .right-column-holder width:780px;margin:0 auto; .profile .right-column width:390px;padding-
html5播放音乐为啥苹果手机为啥不能播放
<audio src="images/cz.mp3" controls="controls">
</audio>
我在电脑里播放没问题,为什么上传到空间就播放不了。
http://demo.ke01.com/201410/01/images/wuwangxinan.mp3源文件
http://www.szprint.org/test/jrbs/images/cz.mp3替换后的mp3文件
为什么替换后就不行,都是Mp3.我在苹果6手机微信看没音乐效果
HTML5的Audio标签,目前的主流浏览器都支持,只不过各种浏览器对音频的支持的格式不同,当前,audio 元素支持三种音频格式:
IE 9 支持 MP3
Firefox 3.5 支持 Ogg Vorbis、Wav
Opera 10.5 支持 Ogg Vorbis、Wav
Chrome 3.0 支持 Ogg Vorbis、MP3
Safari 3.0 支持 MP3、Wav
html5标签audio的autoplay属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在iphone上无法自动播放。
各种查阅资料后发现原来iphone公司是考虑到用户可能是用手机流量访问的情况,为了用户流量着想,所以需要用户交互后才能播放。虽然苹果公司是出于好心,但是如果网页打开之后还需要一个交互才能听到美妙的背景音乐,那么网站的体验效果自然差了很多。可是这种问题要怎么解决呢?
冥思苦想了很久,终于做了一个艰难的决定。于是乎就这样尝试了一下:
$(function()
$("#audio")[0].play();
)
没想到竟然好用!!!
全部的代码是这样
<html>
<head>
<script src="js/jquery.js"></script>
</head>
<body>
<audio id="audio" src="song.mp3" autoplay="autoplay">
您的浏览器不支持audio标签。
</audio>
$(function()
$("#audio")[0].play();
)
</body>
</html>
HTML5的Audio标签,目前的主流浏览器都支持,只不过各种浏览器对音频的支持的格式不同,当前,audio 元素支持三种音频格式:
IE 9 支持 MP3
Firefox 3.5 支持 Ogg Vorbis、Wav
Opera 10.5 支持 Ogg Vorbis、Wav
Chrome 3.0 支持 Ogg Vorbis、MP3
Safari 3.0 支持 MP3、Wav 参考技术B 这要看浏览器是否支持HTML5了,HTML5现在是新东西,新东西刚开始不容易被接受追问
你好象对我说的不明白,我的意思播放器是在iPhone6手机里面播放的。html5怎么可能不兼容iPhone6
追答http://bbs.csdn.net/topics/390936884网上找了一下相关信息,希望能有用
参考技术C 做的前端页面不支持手机版本或者ios系统以上是关于校内css背景音乐问题 我的涂鸦板为啥不能播放音乐??的主要内容,如果未能解决你的问题,请参考以下文章