分享张戈博客的在线影音源代码 网站建设

分享张戈博客的在线影音源代码

记得以前写过一篇《给博客添加网络电视页面》的文章,后来张戈将音乐电台和网络电视综合了一下, 成为了现在的在线影音。 此页面用到了iframe框架,所以张戈用 js 封装处理了下,避免不利于SEO的情况(如何封装的?) 近期,有朋友私信或留言给张戈,想要我分享一下张戈博客的在线影音的源码。而我却一直因为其他事情耽搁了,现在空了点,就来分享下。 其实,我最开始是从在线工具那看到的,感觉很不错!就拿来综合修改了一下,结合了原版的在线电视和在线音乐盒,做成了在线影音。现在,张戈就把来自网络的好东西再回馈给网络上有需要的人!   一、傻瓜式通用版(适合所有建站程序) 其实,这个版本就是用浏览器打开张戈博客-在线影音后的源代码,稍微有点网页基础的孩纸就可以自助获取了!现在,张戈把html代码和相关文件都打包,方便不太懂代码的站长筒子们。 代码如下: 说明:其中,第9、23、34、37行的路径需要修改成你的实际路径,其中jquery.min.js是通用的jquery包,一般网站都会加载,如果网站已有这个文件,则直接写成对应的路径即可,搞不清楚的同鞋就索性再往下看。 具体制作方法: ①、下载源码包 ②、解压后,使用记事本或编辑器修改online.html修改内容: 比如,如果你决定上传到根目录,则如下修改: 第9、23行:自己看着改; 第11行:http://你的网址/jquery.min.js 第37行:http://你的网址/online.js ③、将文件(共3个)上传到网站的后台空间(图简单就直接丢到根目录即可) ④、现在直接访问 http://你的网址/online.html 就可以看到效果了。 Ps:其他中文内容就不多说了,如“张戈博客”,自己看着修改吧。。。 二、WordPress的制作方法 ①、将js文件上传到主题目录,记住路径(已加载jQuery的主题,则不用重复上传,修改后面的实际路径即可); ②、将online.html文件中的一些内容按照实际路径修改(如①中js路径,具体参考通用版) ③、在修改后的代码的最前面加上如下内容: 并另存为online.php,上传到主题目录 ④、新建页面,右侧的模板类型选择在线影音,别名修改为英文(比如online),点击发布。 ⑤、访问http://你的网站/online 即可看到效果 就写这么多,有任何问题或建议请在下面留言联系我。
阅读全文