dplayer.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>dplayer播放器</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <meta http-equiv="X-UA-Compatible" content="IE=11" />
  7. <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
  8. <style type="text/css">
  9. html,body{width:100%;height:100%; padding:0; margin:0;}
  10. #playerCnt{width:100%;height:100%;}
  11. .dplayer-loading{display: none !important;}
  12. </style>
  13. <link rel="stylesheet" href="/static/player/dplayer/DPlayer.min.css">
  14. <script type="text/javascript" src="/static/player/dplayer/flv.min.js"></script>
  15. <script type="text/javascript" src="/static/player/dplayer/hls.min.js"></script>
  16. <script type="text/javascript" src="/static/player/dplayer/dash.all.min.js"></script>
  17. <script type="text/javascript" src="/static/player/dplayer/webtorrent.min.js"></script>
  18. <script type="text/javascript" src="/static/player/dplayer/DPlayer.min.js"></script>
  19. </head>
  20. <body marginwidth="0" marginheight="0">
  21. <div id="playerCnt"></div>
  22. <script type="text/javascript">
  23. var type='normal';
  24. var live=false;
  25. if(parent.MacPlayer.PlayUrl.indexOf('.m3u8')>-1){
  26. type='hls';
  27. live=true;
  28. }
  29. else if(parent.MacPlayer.PlayUrl.indexOf('magnet:')>-1){
  30. type='webtorrent';
  31. }
  32. else if(parent.MacPlayer.PlayUrl.indexOf('.flv')>-1){
  33. type='flv';
  34. }
  35. else if(parent.MacPlayer.PlayUrl.indexOf('.mpd')>-1){
  36. type='dash';
  37. }
  38. var dp = new DPlayer({
  39. container: document.getElementById('playerCnt'),
  40. autoplay: true,
  41. screenshot: false,
  42. video: {
  43. url: parent.MacPlayer.PlayUrl,
  44. live: live,
  45. type:type
  46. },
  47. contextmenu: [
  48. ]
  49. });
  50. dp.on('ended',function(){
  51.     if(parent.MacPlayer.PlayLinkNext!=''){
  52. top.location.href = parent.MacPlayer.PlayLinkNext;
  53. }
  54.   });
  55. dp.on('waiting', function() {
  56. showCustomBuffering();
  57. });
  58. dp.on('seeking', function() {
  59. showCustomBuffering();
  60. });
  61. dp.on('canplay', function() {
  62. hideCustomBuffering();
  63. });
  64. dp.on('seeked', function() {
  65. hideCustomBuffering();
  66. });
  67. function showCustomBuffering() {
  68. if(document.getElementById('customBuffer')) return;
  69. var iframe = document.createElement('iframe');
  70. iframe.src = parent.MacPlayer.Buffer || '/static/player/loading.html';
  71. iframe.style.cssText =
  72. 'position:absolute;top:0;left:0;width:100%;height:100%;zindex:999;border:none;';
  73. iframe.id = 'customBuffer';
  74. document.body.appendChild(iframe);
  75. }
  76. function hideCustomBuffering() {
  77. var bufferFrame = document.getElementById('customBuffer');
  78. if(bufferFrame) bufferFrame.remove();
  79. }
  80. try{
  81. //document.getElementById('playerCnt').style.height = parent.MacPlayer.Height + 'px';
  82. }
  83. catch(e){}
  84. </script>
  85. </body>
  86. </html>