在线影音页面的制作方法

先来看看效果吧，这个是我网站的在线影音页面：http://www.shenjieblog.com/tv.html

很多网页都有这样一个页面，于是也想给自己的网页加上，本来之前自己也已经用iframe框架做好了这种效果，但是还是觉得页面不怎么好看，于是我就扒了别人的代码，方法如下：
先自己在本地新建一个网页，然后把别人的源代码先全部复制进去，这里我使用的工具是IDEA，因为可以用快捷键ctrl+alt+L整理代码，
源代码：

整理后的代码：

接下来就是修改了，首先是修改名字，然后是自定义网站的个数，我删除了一些网站，只保留了几个常用的，然后我还添加了网站的图片，还有你会发现里面有两部 分js代码（这个js文件可以通过查看源代码然后右键复制下载链接，复制到迅雷中下载下来），这个我们也要修改，顶部那个js是负责网页效果的，这个可以 直接下载下来上传到后来js文件夹中，然后在网页中指定js的路径即可，下面那个js代码是负责分享功能的，你会看见网页的右边有一个分享按钮，这个js 中的内容也要修改一些，主要是修改名字，下面我把我的网页文件分享出来，下载地址：
http://yunpan.cn/cFMpqJ8si2aQF 访问密码 9675
你们要稍作修改即可使用，当然也可以自定义，这种功能也可以添加其他的网站，不一定是我这种音乐视频网站。修改好之后把这个网页上传到你后台主题的根目录下面，然后在网页中任何位置指定你这个网页的链接即可，比如我的是添加在二级菜单中，很多网站是添加在顶部或者底部。