-Flyぁ梦- » IE http://blog.11034.org Sun, 22 Jun 2025 08:59:05 +0000 zh-CN hourly 1 https://wordpress.org/?v=4.2.38 wordpress中播放音乐 http://blog.11034.org/2010-12/play_music_in_wordpress.html http://blog.11034.org/2010-12/play_music_in_wordpress.html#comments Tue, 14 Dec 2010 12:33:46 +0000 http://blog.stariy.org/?p=719 写上篇日志的时候，想试着在文章中插入音乐播放一下mp3，大多数官方的博客系统如sina博客、人人网这些都支持的不错，于是心血来潮也要尝试一把。

wordpress更新到3.6之后，就自带音乐播放器了，[ audio mp3=”” autoplay=”1″ ][ /audio ]标签很容易用，最适合用了。

  • wordpress插件

首先想到的当然是这个，网上随便一搜就会找到很多，用了一个叫wpaudio-mp3-player的插件，据说此插件作者说其他音乐播放插件都是渣，就冲他这个牛气，用了一下，很方便而且效果的确也是不错的，可以解析[wpauido]或[ audio ]标签，最终效果全由HTMl+CSS+JS形成，也比较美观。缺点是解析标签后的HTML文本十分巨大，CSS和JS巨复杂，而且在IE8下有点不太兼容，继续BS IE不解释。

多装一个插件对wordpress绝对不是好事情，而且是一个很少会被用到的前台插件，95%的页面会浪费加载插件所需的css和js，大概有十几K，性价比实在低，用了一天就被我删了。

  • copy现有音乐播放器

以前写过一篇文章播放了优酷的视频，直接将人人网那部分代码给copy过来就只能ok了，优酷本来就推荐大家站外分享视频。但是音乐播放器有一点不一样，直接copy代码是肯定可以起作用的，但万一碰到人人网挂掉或代码更新或来一个站外防盗链措施，这样copy就立即失效了。

具体看一下人人网的音乐播放器的代码可知道它是由flash制作的，很美观控制也方便，让我惊喜的是网页直接输入这个flash可以被下载下来，欣喜若狂，接下去就简单了，把flash文件上传到自己的wordpress站点，然后将copy的代码的flash路径修改掉，在路径后接上一个?加上mp3文件的URL路径就可以正常工作了，实在比较兴奋，在公司里一大早活也不干先把这事搞定了，哈哈 :mrgreen:  最后还可以给播放器包装一个[ caption ]标签，和插入图片一样，可以写上标题，还可以控制居左、居右和居中。

综合说，性价比高，对不放音乐的页面完全没有影响，但要了解web开发的基础知识，会用HTML编辑器手动加入代码。就是有点不太厚道，直接就把人家辛苦成果给copy过来了，嘿嘿

最后效果见：http://blog.stariy.org/2010-12/绝代双骄.html

—————————————-乱入—————————————–

吃晚饭的时候想明白了一个事，为啥最近有事没事就在搞博客：在北京太空闲太无聊太寂寞太空虚啦，没办法，只能搞搞博客给自己带来点成就感…

看看 IE

看看 Wordpress

  • 2014-03-12 -- wordpress改源码实现自定义URL到自定义页面
  • 2013-12-05 -- wp_sns_share更新至2.8，添加小功能
  • 2013-02-14 -- wp-zjuem，zju cc98表情系统 in wordpress
  • 2012-09-26 -- wordpress发布文章时的Action事件
  • 2012-08-29 -- wp_sns_share更新至2.6，增加图片同步
    • ]]> http://blog.11034.org/2010-12/play_music_in_wordpress.html/feed 7 IE容错性之差无法容忍 http://blog.11034.org/2010-08/ie_has_no_fault_tolerance.html http://blog.11034.org/2010-08/ie_has_no_fault_tolerance.html#comments Fri, 27 Aug 2010 13:46:29 +0000 http://blog.stariy.info/?p=328 昨天突然发现，博客所有页面在IE8下显示完全不正常，内容页背景色变黑，底栏错位，整个页面不能入目，但是同样的页面在chrome和firefox下完全正常，一点问题没有，太奇怪了。IE8加入了F12调试工具，类似firebug，勉强能用，CSS调试下，完全不着边际，因为黑色地区根本没有CSS属性带有#000000啊！更奇怪的是，将div#main的float:left属性去掉后，居然显示正常了，这什么和什么啊，晕死了。然后把locahost下IE显示正常的CSS上传到空间，还是不对。然后想到是插件的问题，可能最近新装的某个插件的CSS导致的？于是禁用了好多个插件，直到禁用了statepress插件，IE终于恢复原样了。开心的是终于找到源头了，郁闷的是这个插件已经用了将近3个月了，一直都没有出问题，也没有升级，是怎么回事呢？而且这个插件很好用，为了页面美观废除可真不舍，但是页面又那么难看…

    纠结中，还是再调试看看，如果是statepress的问题，自己改css不就行了，然后就发现这个插件根本就没有css文件 =.=bb。那个囧啊，又想到一个办法。把插件开启和关闭2个状态下的HTML保存下来，对比一下总直到问题出在哪儿了吧。就这么干，但是一屏一屏人肉扫描好累，也没用过什么软件支持文件对比，感觉Eclipse好像是有这个功能的，打开试试再说。将HTML文件用MyEclipse的HTML编辑器打开后，文件比较在哪里倒是没找到，但是发现有一个文件出现了红色提示，有错误？另一个却没有。关键就在这里了，然后找到关键处代码，真相大白了。

    statepress提供一个widget（小工具，见右侧的边栏），可以显示一些数据信息，我用它显示当天访问游客是今天第几个到访的。里面的HTML是在后台自己编辑的，本来应该是<center><h4>您是今天的第 15 个访客</h4></center>，失误之下，最后那个</center>结束标签我给写成了</center，少了结束的“>”尖括号.于是就这样，IE把整个页面的dom都解析错误了…无语吧~~

    不禁赞叹下chrome和firefox的容错能力比较强，IE你不能容错，那你也就错一个center标签，或者再一个div的父标签吧，你来个全局混乱，这算不算是你的一个BUG啊？容错能力也太差了吧…解析HTML的算法也太差了吧…

    不知道明年就要出的IE9会怎么样，不看好…

    珍爱生命，远离IE！

    看看 IE

    看看 Life in Coding

    • 2016-09-09 -- jabber和XMPP简述原理
    • 2015-01-07 -- 防止数据库数据重复的几种方法
    • 2014-10-25 -- linux的timeout处理wkhtmltopdf进程超时
    • 2014-09-10 -- 记C#和Excel开发
    • 2011-06-11 -- 2011-6-9 Google Doodle之电子琴
      • ]]> http://blog.11034.org/2010-08/ie_has_no_fault_tolerance.html/feed 5 IE就是个悲剧… http://blog.11034.org/2010-03/ie_is_tragedy.html http://blog.11034.org/2010-03/ie_is_tragedy.html#comments Wed, 17 Mar 2010 17:25:35 +0000 http://stariy.info/blog/?p=11 前些日子完成的淘宝商城的访问统计，竟然已经爬到了380万+条pv记录…

      早上，老大说统计有问题，uv/pv竟然只有1点几，这个是明显不符合常理的。查看数据库的记录，竟然大堆大堆的session记录都为1条，即一个用户在一个session之内只访问一次页面遍离开了。老大说也许是访问量过于大，服务器吃不消，在一次页面还没有被完全打开的时候，也就是服务器端的cookie还没有返回到客户端时，用户又发起了访问，于是这样就是2个不同session之间的访问了。于是测试，不对…被问用什么浏览器测的，答曰：Chrome和Firefox都正常。IE呢？ “IE？”对哦，貌似还有IE的存在！果然，问题就在IE，IE的默认安全级别不允许第三方cookie的写入，于是所有的IE用户的每次访问都是一个uv……悲剧。

      今天上班，大家对着抓包器研究了半天http头，谁知百度了下发现有个很奇怪的p3p的属性，加到http头里面就好了，就能解决IE不允许第三方cookie的问题。方法如下：

      Java:
response.addHeader("P3P","policyref=\"http://p3p.yahoo.com/w3c/p3p.xml\", " +
	"CP=\"CAO DSP COR CUR ADM DEV TAI PSA PSD IVAi IVDi CONi TELo OTPi OUR " +
	"DELi SAMi OTRi UNRi PUBi IND PHY ONL UNI PUR FIN COM NAV INT DEM CNT " +
	"STA POL HEA PRE GOV\"");
      PHP:  header('P3P:……同Java');
      .NET: HttpContext.Current.Response.AddHeader("p3p","……同Java");

      数据库中的URL有乱码，肯定是中文的关系。测试，于是还是IE，淘宝的keyword属性有时候是中文，不过Chrome和Firefox都会自动将其URLEncoding传到服务器，IE懒懒地就传了ISO的编码的URL过去…只要将ISO-8895-1转化为UTF-8就行了。

      不过又没办法，网银、rvpn都只能用IE，这日子啥时是个头…

      今天鼻炎又犯，工作的效率好低…555

      看看 cookie , IE , 淘宝

      看看 Trilogy