DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 教你如何在自己的主頁上制作P2P網絡電視
教你如何在自己的主頁上制作P2P網絡電視
編輯:關於網頁技巧     

  你想在自己的網站或個人主頁上擁有一個功能卓越,內容豐富的網絡電視嗎?如果答案是YES的話那您就注意往下看了。

  這個方法可以讓你在自己的個人主頁或者網站上擁有目前國內最火爆的PPLive網絡直播電視。PPLive在功能上比較先進,內容上非常豐富,你想在自己的地盤上擁有嗎?呵呵,想要就來吧!

  您只需要在您的網站,論壇,個人主頁,博客等地方加入3段代碼就可以完成了。

  (1)設置播放器,在代碼之間加入如下代碼:

  <script type="text/javascript" src="http://www.pplive.com/zh-cn/other/live/customplayers.js"></script>
  <script type="text/javascript">
  <!--
  var ppliveurl = false;
  var pplPlayer = "ppliveplayer";
  var pplList = "pplivelist";
  var loadMethod = true;
  window.onload = function(){
  addMode("ShowGall",1,1);
  addMode("ShowPlayCtrl",1,1);
  addMode("ChannelURL","http://www.pplive.com/zh-cn/xml/default.xml",2);
  ocxstatus();
  }
  // -->
  </script>

  (2)放置播放器:

  將<div id="ppliveplayer" style="height: 440px;width: 500px;float: left;"></div>放到你想出現播放器的位置,並請您做適當修改寬高屬性,以適合您的網頁整體效果。

  (3)放置播放列表:

  將<div id="pplivelist" style="height: 440px;width: 230px;float: right;"></div>放到你想出現列表的位置,並請您做適當修改寬高屬性,以適合您的網頁整體效果。

  下圖為嵌入的效果,點擊頻道就可正常觀看了。

點擊放大此圖片

  就這麼簡單,播放器的周圍您也可以自己設計有個性的皮膚。如果照以上做的話你還不明白可以參考網站:http://www.pplive.com/zh-cn/about,28.html 或者登陸官方論壇:http://bbs.pplive.com 與其他的朋友一起交流你的心得!


  

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved