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代码放入自己网页的相关位置即可实现视频播放功能。
下一篇:保护牙齿的生活常识