首頁
功能插件
網市場下載
收費企業版
升級日志
有償幫助
代理加盟
聯系我們
免費開通網站體驗
使用簡介
首頁
>
網市場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> #### 網站中增加視頻示例完畢 ## 總結 這只是騰訊視頻的一個示例，其他如優酷、土豆、愛奇藝等應該都會有類似于此的視頻調取方式，可自行研究。 同時，歡迎各位朋友講其他如優酷、愛奇藝等視頻嵌入網站的教程共享給我們，以幫助更多使用者參考
深爱激情
