https://www.hotelflora.se/modules/custom/common/youtube_background/js/video.js?tlwysv

1/**
2 *
3 */
4
5(function ($, Drupal, once) {
6  'use strict';
7
8  Drupal.behaviors.youtube_background__video = {
9    attach: function (context, settings) {
10
11      /* jQuery once depricated in D10 - replaced with core/once */
12      $(once('youtube-video', '.youtube-video', context))
13      .each(function () {
14        var $this = $(this);
15        var videoId = $this.data('id');
16        var autoPlay = $this.data('videoAutoplay') === false ? 0 : 1;
17        var muted = $this.data('videoMuted') === false ? 0 : 1;
18        var controls = $this.data('videoControls') === true ? 1 : 0;
19
20        if (!videoId) {
21          return;
22        }
23
24        $this.YTPlayer({
25          fitToBackground: true,
26          videoId: videoId,
27          rel: 0,
28          autoplay: autoPlay,
29          mute: muted,
30          controls: controls
31        });
32      });
33
34      // $(context)
35      //   .find('.youtube-video')
36      //   .once('youtube-video')
37      //   .each(function () {
38      //     var $this = $(this);
39      //     var videoId = $this.data('id');
40      //     var autoPlay = $this.data('videoAutoplay') === false ? 0 : 1;
41      //     var muted = $this.data('videoMuted') === false ? 0 : 1;
42
43      //     if (!videoId) {
44      //       return;
45      //     }
46
47      //     $this.YTPlayer({
48      //       fitToBackground: true,
49      //       videoId: videoId,
50      //       rel: 0,
51      //       autoplay: autoPlay,
52      //       mute: muted
53      //     });
54      //   });
55    }
56  }
57})(jQuery, Drupal, once);