首页
功能插件
网市场下载
收费企业版
升级日志
有偿帮助
联系我们
免费开通网站体验
使用简介
首页
>
网市场doc
网站上传视频及播放视频示例
我们系统中，为控制带宽，保障网站打开速度，所以不提供视频上传及存储。如果您的网站需要上传视频并在网站上播放，完全可以借助于第三方视频平台来实现。这里，以腾讯视频为例，简单演示其过程 ## 1. 将视频上传到腾讯视频 #### 1.1 视频上传 上传页面网址 [http://v.qq.com/u/upload.html](http://v.qq.com/u/upload.html) （注册、视频认证等过程忽略，这里直接演示上传使用） <div style="width:100%; text-align:center;"> <img src="http://cdn.weiunity.com/site/341/news/20180409/1523281162854080667.jpg" style="width:70%; cursor:pointer;" onclick="window.open('http://cdn.weiunity.com/site/341/news/20180409/1523281162854080667.jpg');" /> </div> #### 1.2 上传成功 上传成功后，会进入视频管理。此时，你刚上传的视频将会出于审核中的阶段。可以等待一个多小时，等待其审核成功。 审核成功后，即可正常观看了。也就是如下图所示，便是已审核成功后的样子。 如图所示，点击某个标题，进入视频观看界面 <div style="width:100%; text-align:center;"> <img src="http://cdn.weiunity.com/site/341/news/20180409/1523281680953015102.jpg" style="width:70%; cursor:pointer;" onclick="window.open('http://cdn.weiunity.com/site/341/news/20180409/1523281680953015102.jpg');" /> </div> #### 1.3 获取视频播放代码 进入某个视频的观看页面，如下图所示，找到观看视频底部的 “分享” - “复制HTML代码” <div style="width:100%; text-align:center;"> <img src="http://cdn.weiunity.com/site/341/news/20180409/1523282416720025725.jpg" onclick="window.open('http://cdn.weiunity.com/site/341/news/20180409/1523282416720025725.jpg');" style="width:70%; cursor:pointer;" /> </div> ## 2. 将腾讯视频引入网站 目的，便是将上面腾讯视频中，复制得到的代码，放到网站上。 通常，我们都是将其放到某个文章的内容中，进行播放视频。 #### 2.1 切换到HTML代码模式 我们可以在 “内容管理” 中，编辑某条内容时，切换到 HTML 代码模式。 如下图所示，点击 HTML 按钮 <div style="width:100%; text-align:center;"> <img src="http://cdn.weiunity.com/site/341/news/20180409/1523283505291005338.jpg" style="width:70%; cursor:pointer;" onclick="window.open('http://cdn.weiunity.com/site/341/news/20180409/1523283505291005338.jpg');" /> </div> 切换到HTML代码模式后，可以看到，其他按钮都变成了灰色不可用状态。 #### 2.2 粘贴视频代码 将步骤 1.3 中获取到的视频代码，粘贴到内容区域 <div style="width:100%; text-align:center;"> <img src="http://cdn.weiunity.com/site/341/news/20180409/1523283753069061223.jpg" style="width:70%; cursor:pointer;" onclick="window.open('http://cdn.weiunity.com/site/341/news/20180409/1523283753069061223.jpg');" /> </div> #### 2.3 切换回原本的编辑 粘贴好代码后，再切换回原本的图文编辑方式。 即，还是点击左上方的 “HTML” 按钮，如下图所示 <div style="width:100%; text-align:center;"> <img src="http://cdn.weiunity.com/site/341/news/20180409/1523284139577097863.jpg" style="width:70%; cursor:pointer;" onclick="window.open('http://cdn.weiunity.com/site/341/news/20180409/1523284139577097863.jpg');" /> </div> 切换回原本的编辑方式后，即可看到，视频已经增加到内容区域中了 <div style="width:100%; text-align:center;"> <img src="http://cdn.weiunity.com/site/341/news/20180409/1523284265128041421.jpg" style="width:70%; cursor:pointer;" onclick="window.open('http://cdn.weiunity.com/site/341/news/20180409/1523284265128041421.jpg');" /> </div> #### 网站中增加视频示例完毕 ## 总结 这只是腾讯视频的一个示例，其他如优酷、土豆、爱奇艺等应该都会有类似于此的视频调取方式，可自行研究。 同时，欢迎各位朋友讲其他如优酷、爱奇艺等视频嵌入网站的教程共享给我们，以帮助更多使用者参考
