多语言展示
当前在线:1879今日阅读:103今日分享:49

Ajax仿优酷的无刷新评论+视频播放功能

Ajax仿优酷的无刷新评论+视频播放功能
工具/原料

Ajax

方法/步骤
1

1、设计思路(Ajax+Smarty)

2

2、仿优酷视频原理图

3

3、编写Javascript脚本,实现加载首页评论

4

4、设计youku.php入口文件回顾Smarty部署:① 复制libs目录到项目目录中并更改名smarty② 在项目目录中创建templates文件夹做为模板目录③ 创建php入口文件(如youku.php)④ 在templates文件夹下创建模板文件 回顾Smarty使用五步走:① 载入Smarty3.0的入口文件② 实例化Smarty对象③ 更改对象的默认行为④ 通过assign方法分配变量到模板文件⑤ 通过display方法显示输出模板内容

5

5、设计Smarty模板文件

6

6、扩展知识:视频播放功能在实际项目开发中,如果要实现视频功能我们一般是不会把视频上传到自己空间的,太占用资源了。注册一个优酷账号,然后把视频上传到优酷端上传结束后,会自动生成一个视频地址,如下图所示:

7

7.单击下拉选框,复制html代码:

8

8.把html代码放入自己网页的相关位置即可实现视频播放功能。

推荐信息