https://www.amgenbyyourside.com/-/media/Themes/Horizon/Amgenbyyour…/Custom-Scripts/video-popup-26-3-25.js

1$(document).ready(function () {
2  $('a[href*="#video"]').addClass('btn-video');
3  $("#Krystexxa-hcp .btn-video, #abys-banner .btn-video, #infusion-admin-video>a, #plain-gradient .three-cards .col-md-1>img, #watch-video .field-link, .caregivers-cta:not(#caregivers-download-pdf, #spanish-video-button, #resources-cta) button.quantum-cta__action, #forms-and-downloads.tepezza-hcp #infusion-admin-video a").on('click', function () {
4    $("#Krystexxa-hcp-video-popup").css('display', 'block');
5    $("body").addClass("no-scroll");
6
7    //autoplay
8    //let play_video = $("#Krystexxa-hcp-video-popup .quantum-modal__dialog .imageContainer .video-js").attr('id');
9    // let vid = videojs.getPlayer(play_video);
10    // vid.play();
11
12
13    let play_video = $("#Krystexxa-hcp-video-popup .quantum-modal__dialog .imageContainer").attr('id');
14    autoplay("#Krystexxa-hcp-video-popup", play_video);
15  });
16
17  $("#patient-access .image:not(.tab-video-button) , #patient-access .plain-html:not(.tab-video-button) .btn-video").on('click', function () {
18    $("#online-resources").css('display', 'block');
19    $("body").addClass("no-scroll");
20
21    let play_video = $("#online-resources .quantum-modal__dialog .imageContainer").attr('id');
22    autoplay("#online-resources", play_video);
23
24  });
25
26
27  //abys-igg4 single video in popup in two tabs
28  $("#patient-access .image.nmosd-video-button , #patient-access .plain-html.nmosd-video-button .btn-video").on('click', function () {
29    $("body").addClass("no-scroll");
30    var hrefValue = $("#Krystexxa-hcp-video-popup .quantum-modal__dialog .imageContainer").attr('id');
31    var tab_brand_id = $("#" + hrefValue + " .video-js").attr('id');
32    hrefValue = "#" + hrefValue;
33    tabautoplay("#Krystexxa-hcp-video-popup", "nmosd", tab_brand_id, hrefValue);
34  });
35  $("#patient-access .image.igg4-video-button , #patient-access .plain-html.igg4-video-button .btn-video").on('click', function () {
36    $("body").addClass("no-scroll");
37    var hrefValue = $("#online-resources .quantum-modal__dialog .imageContainer").attr('id');
38    var tab_brand_id = $("#" + hrefValue + " .video-js").attr('id');
39    hrefValue = "#" + hrefValue;
40    tabautoplay("#online-resources", "igg4", tab_brand_id, hrefValue);
41  });
42    $("#patient-access .image.gmg-video-button , #patient-access .plain-html.gmg-video-button .btn-video").on('click', function () {
43    $("body").addClass("no-scroll");
44    var hrefValue = $("#gmg-video-popup .quantum-modal__dialog .imageContainer").attr('id');
45    var tab_brand_id = $("#" + hrefValue + " .video-js").attr('id');
46    hrefValue = "#" + hrefValue;
47    tabautoplay("#gmg-video-popup", "gmg", tab_brand_id, hrefValue);
48  });
49
50
51  // $("#watch-video .field-link, .caregivers-cta button.quantum-cta__action, .quantum-cta button.quantum-cta__action").on('click', function () {
52  //   $("#Krystexxa-hcp-video-popup").css('display', 'block');
53  //   $("body").addClass("no-scroll");
54  // });
55
56  $("#Krystexxa-hcp-video-popup .quantum-modal__close, #online-resources .quantum-modal__close, #gmg-video-popup .quantum-modal__close").on('click', function () {
57    $("body").removeClass("no-scroll");
58    $("#Krystexxa-hcp-video-popup").css('display', 'none');
59    $("#online-resources").css('display', 'none');
60    $("#gmg-video-popup").css('display', 'none');
61    $(".quantum-modal").hide();
62    let play_video;
63    let vid_id = $('.vjs-playing').attr('id');
64    if ($(this).parent().closest('tab')) {
65      let get_modal = $(this).parent().closest('.quantum-modal').attr('id');
66      // if (get_modal == "Krystexxa-hcp-video-popup") {
67        play_video = $("#" + get_modal + " .quantum-modal__dialog #" + vid_id)[0];
68      // }
69      // else if (get_modal == "online-resources") {
70      //   play_video = $("#" + get_modal + " .quantum-modal__dialog #" + vid_id)[0];
71      // }
72    }
73    else {
74      play_video = $('.vjs-playing').attr('id');
75    }
76    let current_accordion = $("#" + vid_id).next("#imageMenu").find(".field-heading");
77    if (current_accordion.hasClass("active")) {
78      current_accordion.trigger("click");
79    }
80    let vid = videojs.getPlayer(play_video);
81    vid.pause();
82  });
83
84
85
86  // $("#online-resources .quantum-modal__close, .quantum-modal__close").on('click', function () {
87  //   $('body').removeClass('no-scroll');
88  //   $("#online-resources").css('display', 'none');
89  // });
90
91  $("#imageMenu .field-heading").on('click', function () {
92    $("#imageMenu .scroll-content").toggleClass("toggle-content");
93    $("#imageMenu .field-heading").toggleClass('active');
94  });
95
96  //More videos in one popup
97
98  $('#additional-resources-patient .quantum-cta:not(.tab-cta) .btn-video, #additional-resources-patient .field-link > .btn-video:not(.tab-button), #Ravicti-forms .quantum-cta .btn-video, #caregivers.tapezza-caregivers .caregivers-cta .btn-video, #caregivers #resources-cta.caregivers-cta .btn-video, #caregivers-newcta .first a').on('click', function (event) {
99    event.preventDefault();
100    $("body").addClass("no-scroll");
101    var hrefValue = $(this).attr('href').replace('#', '');
102    $('.quantum-modal, .quantum-modal__dialog .imageContainer').hide();
103    var popupToShow = $('#' + hrefValue);
104    if (popupToShow.length) {
105      popupToShow.show();
106      $("#Krystexxa-hcp-video-popup").show();
107    }
108
109    autoplay("#Krystexxa-hcp-video-popup", hrefValue);
110  });
111
112
113  //Tab video resources
114
115  $('#additional-resources-patient .quantum-cta.nmosd-cta .btn-video, #additional-resources-patient .field-link > .btn-video.nmosd-button').on('click', function (event) {
116    event.preventDefault();
117    $("body").addClass("no-scroll");
118    var hrefValue = $(this).attr('href');
119    var tab_brand_id = $(hrefValue + " .video-js").attr('id');
120    tabautoplay("#Krystexxa-hcp-video-popup", "nmosd", tab_brand_id, hrefValue);
121  });
122
123  $('#additional-resources-patient .quantum-cta.igg4-cta .btn-video, #additional-resources-patient .field-link > .btn-video.igg4-button').on('click', function (event) {
124    event.preventDefault();
125    $("body").addClass("no-scroll");
126    var hrefValue = $(this).attr('href');
127    var tab_brand_video_id = $(hrefValue + " .video-js").attr('id');
128    tabautoplay("#online-resources", "igg4", tab_brand_video_id, hrefValue);
129  });
130
131$('#additional-resources-patient .quantum-cta.gmg-cta .btn-video, #additional-resources-patient .field-link > .btn-video.gmg-button').on('click', function (event) {
132    event.preventDefault();
133    $("body").addClass("no-scroll");
134    var hrefValue = $(this).attr('href');
135    var tab_brand_video_id = $(hrefValue + " .video-js").attr('id');
136    tabautoplay("#gmg-video-popup", "gmg", tab_brand_video_id, hrefValue);
137  });
138
139  function tabautoplay(popupid, tabbrand, tab_brand_video_id, hrefValue) {
140    $('.quantum-modal, .quantum-modal__dialog .imageContainer').hide();
141    var popupToShow = $(hrefValue);
142    if (popupToShow.length) {
143      popupToShow.show();
144      $(popupid).show();
145    }
146
147    let play_video;
148    play_video = $(popupid + " .quantum-modal__dialog #" + tab_brand_video_id)[0];
149    let vid = videojs.getPlayer(play_video);
150    vid.play();
151  }
152
153
154  //Tepezza hcp resource special case
155
156  $(".online-support.tepezza-hcp #patient-access .image img").on('click', function () {
157    $("#Krystexxa-hcp-video-popup").show();
158    $("#Krystexxa-hcp-video-popup #video-5f43dac0-787b-46a8-98d1-33ba42f7e3f6").css({
159      'display': 'block'
160    });

161    $("#Krystexxa-hcp-video-popup #video-b4dde6e1-a728-4dc6-825a-6546a9502df7").css({
162      'display': 'none'
163    });
164
165    autoplay("#Krystexxa-hcp-video-popup", "video-5f43dac0-787b-46a8-98d1-33ba42f7e3f6");
166  });
167
168
169  $(".online-support.tepezza-hcp #getting-started-tepezza-video a").on('click', function () {
170    $("#Krystexxa-hcp-video-popup").show();
171    $("#Krystexxa-hcp-video-popup #video-5f43dac0-787b-46a8-98d1-33ba42f7e3f6").css({
172      'display': 'none'
173    });
174    $("#Krystexxa-hcp-video-popup #video-b4dde6e1-a728-4dc6-825a-6546a9502df7").css({
175      'display': 'block'
176    });
177    autoplay("#Krystexxa-hcp-video-popup", "video-b4dde6e1-a728-4dc6-825a-6546a9502df7");
178
179  });
180  //multiple inpage video
181  $("#additional-support.ravicti-patient #theme-section-gradient-video .video-js, #resources-cta .btn-video").on("click", function () {
182    let current_play_video = $(this).attr('id');
183    $('.vjs-playing').each(function () {
184      let play_video = $(this).attr('id');
185      if (play_video != current_play_video) {
186        let vid = videojs.getPlayer(play_video);
187        vid.pause();
188      }
189    });
190  });
191
192
193
194  //tabs video
195  $(".tab-video .tabs-heading li").on("click", function () {
196    let play_video = $('.vjs-playing').attr('id');
197    let vid = videojs.getPlayer(play_video);
198    vid.pause();
199  });
200
201  $(".tab-video-container .tabs-heading li").on("click", function () {
202    let video_id = $('.vjs-playing').attr('id');
203    let play_video
204    $(".tabs-container .tab").each(function () {
205      if (!$(this).hasClass('active')) {
206        play_video = $(this).find("#" + video_id)[0];
207        let vid = videojs.getPlayer(play_video);
208        vid.pause();
209      }
210    });
211  });
212
213
214
215  // $(".hassubmenu > a").on("click", function(event) {
216  //   event.preventDefault();
217  // });
218});
219
220
221function autoplay(popupid, id) {
222  let play_video;
223  play_video = $(popupid + " .quantum-modal__dialog #" + id + " .video-js").attr('id');
224  let current_accordion = $("#" + play_video).next("#imageMenu").find(".field-heading");
225  if (current_accordion.hasClass("active")) {
226    current_accordion.trigger("click");
227  }
228  let vid = videojs.getPlayer(play_video);
229  vid.play();
230
231}
232
233$(document).ready(function () {
234  // Close button click handler
235  $("#bkem_term_condition .quantum-modal__close").on('click', function () {
236    $("#bkem_term_condition").css('display', 'none');
237    $("body").removeClass("video-popup-open");
238  });
239
240  // Open button click handler
241  $(".open-button.blue-anchor").on('click', function (e) {
242    e.preventDefault();
243    $("#bkem_term_condition").css('display', 'block');
244    $("body").addClass("video-popup-open");
245  });
246});