(IT科技之家-微信公众号:IT科技之家s || huzibbs)    ☺现在时间是:
☺欢迎光临本站:  觉得本站对您有帮助记得分享哦!
当前位置:主页 > 技术文章 > 仿优酷的无刷新评论+视频播放功能-Ajax  游客
热门标签:
javascript定时

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

 
时间:2018-01-28 21:44 来源:【IT科技之家】 作者:【itkeji-Liang】 点击:
仿优酷的无刷新评论+视频播放功能-Ajax

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



1设计思路Ajax+Smarty

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


2仿优酷视频原理图

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


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

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


4、设计youku.php入口文件

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

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


5、设计Smarty模板文件

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


6、视频播放功能

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

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

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

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


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

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


(责任编辑:admin)

非特殊说明,本文版权归 [ IT科技之家 ]  所有,转载请注明出处.


关闭取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦!


顶一下
(0)
0%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
用户名: 验证码:点击我更换图片 匿名?