首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

1、设计思路(Ajax+Smarty)

2、仿优酷视频原理图

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

4、设计youku.php入口文件

回顾Smarty部署:

复制libs目录到项目目录中并更改名smarty

在项目目录中创建templates文件夹做为模板目录

创建php入口文件(如youku.php)

在templates文件夹下创建模板文件

回顾Smarty使用五步走:

载入Smarty3.0的入口文件

实例化Smarty对象

更改对象的默认行为

通过assign方法分配变量到模板文件

通过display方法显示输出模板内容

5、设计Smarty模板文件

6、视频播放功能

在实际项目开发中,如果要实现视频功能我们一般是不会把视频上传到自己空间的,太占用资源了。

注册一个优酷账号,然后把视频上传到优酷端

上传结束后,会自动生成一个视频地址,如下图所示:

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

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

原文地址:http://itkeji.top/a/jishu/2018/0125/youku.html

【IT科技之家-文章版权声明】

该文章仅限学习测试用,如有问题请访问官网:http://itkeji.top/ 查看详情视频教程。

本文章已经【IT科技之家-Liang】原创作者:亲身经历创作。请尊重原创作者的成果。

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

?

更多资讯请关注本微信公众号.

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180127A0BIHA00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券