cws_self_vimeo_bg.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. jQuery(document).ready(function (){
  2. vimeo_init();
  3. cws_self_hosted_video ();
  4. });
  5. jQuery(window).resize( function (){
  6. vimeo_init();
  7. cws_self_hosted_video ();
  8. } );
  9. function vimeo_init() {
  10. var element;
  11. var vimeoId;
  12. var chek;
  13. jQuery(".cws_Vimeo_video_bg").each(function(){
  14. element = jQuery(this);
  15. var el_width;
  16. var el_height;
  17. vimeoId = jQuery(".cws_Vimeo_video_bg").attr('data-video-id');
  18. jQuery("#"+vimeoId).vimeo("play");
  19. jQuery("#"+vimeoId).vimeo("setVolume", 0);
  20. jQuery("#"+vimeoId).vimeo("setLoop", true);
  21. el_width = element[0].offsetWidth;
  22. if (element[0].offsetHeight<((el_width/16)*9)) {
  23. el_height = (element[0].offsetWidth/16)*9;
  24. }else{
  25. el_height = element[0].offsetHeight;
  26. el_width = (el_height/9)*16;
  27. }
  28. jQuery("#"+vimeoId)[0].style.width = el_width+'px';
  29. jQuery("#"+vimeoId)[0].style.height = el_height+'px';
  30. setInterval(check_on_page, 1000);
  31. })
  32. function check_on_page (){
  33. if (document.getElementsByTagName('html')[0].hasAttribute('data-focus-chek')) {
  34. if (chek < 1) {
  35. chek++
  36. jQuery("#"+vimeoId).vimeo("play");
  37. }else{
  38. chek = 1
  39. }
  40. }else{
  41. jQuery("#"+vimeoId).vimeo("pause");
  42. chek = 0;
  43. }
  44. }
  45. }
  46. function cws_self_hosted_video (){
  47. var element,el_width,video
  48. jQuery('.cws_self_hosted_video').each(function(){
  49. element = jQuery(this)
  50. video = element.find('video')
  51. el_width = element[0].offsetWidth;
  52. if (element[0].offsetHeight<((el_width/16)*9)) {
  53. el_height = (element[0].offsetWidth/16)*9;
  54. }else{
  55. el_height = element[0].offsetHeight;
  56. el_width = (el_height/9)*16;
  57. }
  58. video[0].style.width = el_width+'px';
  59. video[0].style.height = el_height+'px';
  60. })
  61. }