zhiqim_fullscreen.js 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /*
  2. * 版权所有 (C) 2015 知启蒙(WWW.ZHIQIM.COM) 保留所有权利。
  3. *
  4. * Download http://zhiqim.zhiqim.com/ 欢迎加盟[知启蒙]兴趣小组。
  5. *
  6. * 本文采用《知启蒙许可证》,除非符合许可证,否则不可使该文件!
  7. * 1、您可以免费使用、修改、合并、出版发行和分发,再授权软件、软件副本及衍生软件;
  8. * 2、您用于商业用途时,必须在原作者指定的发行站点进行登记;
  9. * 3、您在使用、修改、合并、出版发行和分发时,必须包含版权声明、许可声明,及保留原作者的著作权、商标等知识产权;
  10. * 4、您在互联网等大众网络下发行和分发再授权软件、软件副本及衍生软件时,必须在原作者指定的发行站点进行发行和分发;
  11. * 5、您可以在以下链接获取一个完整的许可证副本。
  12. *
  13. * 许可证链接:http://www.zhiqim.com/licenses/LICENSE
  14. * 发行站点:http://www.zhiqim.com
  15. *
  16. * 除非法律需要或书面同意,软件由原始码方式提供,无任何明示或暗示的保证和条件。详见完整许可证的权限和限制。
  17. */
  18. Z.Fullscreen =
  19. {//moz是FullScreen,其他都是Fullscreen
  20. target: null,
  21. elem: function()
  22. {//全屏对象
  23. return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement
  24. || document.msFullscreenElement || document.oFullscreenElement || Z.Fullscreen.target;
  25. },
  26. enabled: function()
  27. {//是否开启全屏
  28. return document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled
  29. || document.msFullscreenEnabled || document.oFullscreenEnabled;
  30. },
  31. change: function(func)
  32. {//更改方法
  33. var name = null;
  34. if (document.body.requestFullscreen)
  35. name = "fullscreenchange";
  36. else if(document.body.webkitRequestFullscreen)
  37. name = "webkitfullscreenchange";
  38. else if(document.body.mozRequestFullScreen)
  39. name = "mozfullscreenchange";
  40. else if(document.body.msRequestFullscreen)
  41. name = "msfullscreenchange";
  42. else if(document.body.oRequestFullscreen)
  43. name = "ofullscreenchange";
  44. if (name != null)
  45. {//支持则增加监听
  46. Z.Event.add(document, name, func);
  47. }
  48. },
  49. full: function(id)
  50. {
  51. var elem = Z.Document.id(id);
  52. if (elem.requestFullscreen)
  53. elem.requestFullscreen();
  54. else if(elem.webkitRequestFullscreen)
  55. elem.webkitRequestFullScreen();
  56. else if(elem.mozRequestFullScreen)
  57. elem.mozRequestFullScreen();
  58. else if(elem.msRequestFullscreen)
  59. elem.msRequestFullscreen();
  60. else if(elem.oRequestFullscreen)
  61. elem.oRequestFullscreen();
  62. Z.Fullscreen.target = elem;
  63. },
  64. toggle: function()
  65. {
  66. Z.Fullscreen.change(Z.Fullscreen.toggleHandler);
  67. },
  68. toggleHandler: function()
  69. {
  70. var elem = Z.Fullscreen.elem();
  71. if (elem.paused)
  72. elem.play();
  73. else
  74. elem.pause();
  75. }
  76. };
  77. Z.onload(function()
  78. {//全屏播放,退出暂停
  79. Z.Fullscreen.toggle();
  80. });