play.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. {// 引入标签库 }
  2. <tagLib name="html" />
  3. <include file="Public:header" />
  4. <input type="hidden" id="live_in" value="{$video.live_in}"/>
  5. <div id="video-container" style="margin: 0px auto;"></div>
  6. <input type="hidden" id="video_type" value="{$video.video_type}"/>
  7. <input type="hidden" id="rtmp_url" value="{$video.rtmp_url}"/>
  8. <input type="hidden" id="flv_url" value="{$video.flv_url}"/>
  9. <input type="hidden" id="flv_hd_url" value="{$video.flv_hd_url}"/>
  10. <input type="hidden" id="flv_sd_url" value="{$video.flv_sd_url}"/>
  11. <input type="hidden" id="m3u8_url" value="{$video.m3u8_url}"/>
  12. <input type="hidden" id="m3u8_hd_url" value="{$video.m3u8_hd_url}"/>
  13. <input type="hidden" id="m3u8_sd_url" value="{$video.m3u8_sd_url}"/>
  14. <input type="hidden" id="mp4_url" value="{$video.mp4_url}"/>
  15. <input type="hidden" id="mp4_hd_url" value="{$video.mp4_hd_url}"/>
  16. <input type="hidden" id="mp4_sd_url" value="{$video.mp4_sd_url}"/>
  17. <input type="hidden" id="error" value="{$error}"/>
  18. <script src="http://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer.js"></script>
  19. <script>
  20. var live = $("#live_in").val();
  21. var video_type = $("#video_type").val();
  22. var rtmp_url = $("#rtmp_url").val();
  23. var flv_url = $("#flv_url").val();
  24. var flv_hd_url = $("#flv_hd_url").val();
  25. var flv_sd_url = $("#flv_sd_url").val();
  26. var m3u8_url = $("#m3u8_url").val();
  27. var m3u8_hd_url = $("#m3u8_hd_url").val();
  28. var m3u8_sd_url = $("#m3u8_sd_url").val();
  29. var mp4_url = $("#mp4_url").val();
  30. var mp4_hd_url = $("#mp4_hd_url").val();
  31. var mp4_sd_url = $("#mp4_sd_url").val();
  32. var error = $("#error").val();
  33. (function(){
  34. if(error){
  35. alert(error);
  36. func();
  37. function func(){
  38. window.close();
  39. }
  40. }
  41. function getParams(name) {
  42. var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  43. var r = window.location.search.substr(1).match(reg);
  44. if (r != null) {
  45. return decodeURIComponent(r[2]);
  46. }
  47. return null;
  48. }
  49. var rtmp = getParams('rtmp'),
  50. flv = getParams('flv'),
  51. m3u8 = getParams('m3u8'),
  52. mp4 = getParams('mp4'),
  53. live = (getParams('live') == 'true' ? true : false),
  54. coverpic = getParams('coverpic'),
  55. width = getParams('width'),
  56. height = getParams('height'),
  57. autoplay = (getParams('autoplay') == 'true' ? true : false);
  58. /**
  59. * 视频类型播放优先级
  60. * mobile :m3u8>mp4
  61. * PC :RTMP>flv>m3u8>mp4
  62. */
  63. var options = {
  64. rtmp: rtmp,
  65. flv: flv ,
  66. flv_hd: flv ,
  67. flv_sd: flv ,
  68. m3u8: m3u8 || m3u8_url,
  69. m3u8_hd: m3u8 || m3u8_hd_url,
  70. m3u8_sd: m3u8 || m3u8_sd_url,
  71. mp4 : mp4 || mp4_url,
  72. mp4_hd : mp4_hd_url,
  73. mp4_sd : mp4_sd_url,
  74. coverpic: coverpic ,
  75. autoplay: autoplay ? true : false,
  76. live: live,
  77. width : width || '1024',
  78. height : height || '768'
  79. };
  80. var player = new TcPlayer('video-container', options);
  81. window.qcplayer = player;
  82. })();
  83. </script>