Мой Javascript добавлен HTML5 видео не воспроизводится автоматически в Chrome - PullRequest
Новая
       18

Мой Javascript добавлен HTML5 видео не воспроизводится автоматически в Chrome

0 голосов
/ 05 апреля 2019

HTML5 Видео не воспроизводится автоматически в Chrome, но в Firefox оно работает.

Я добавляю HTML-код в свой код, если я нахожусь на рабочем столе, но не на мобильных устройствах.По какой-то причине он не воспроизводится автоматически, хотя у меня есть приглушенные опции автоматического воспроизведения playsinline. 

(function ($, Drupal, drupalSettings) {
  'use strict';

  Drupal.behaviors.sc_custom_header = {
    /**
     * Drupal attach behavior.
     */
    attach: function(context, settings) {

      //Header video code for Home
      var video = $('<video />', {
          id: 'video-header',
          playsinline:"playsinline",
          autoplay:"autoplay",
          muted:"muted",
          loop:"loop",
      });

      var mp4_src = $('#mp4').get(0).getAttribute('data-src');
      var webm_src = $('#webm').get(0).getAttribute('data-src');
      var ogg_src = $('#ogg').get(0).getAttribute('data-src');

      $('#mp4').attr('src', mp4_src);
      $('#webm').attr('src', mp4_src);
      $('#ogg').attr('src', mp4_src);
    }
  };
})(jQuery, Drupal, window.drupalSettings);

Тег добавляется в мой HTML, но по какой-то причине видео не воспроизводится.Я попытался добавить .play (), но он говорит, что из-за политики он не воспроизводится, потому что пользователь не взаимодействовал со страницей.

Теперь, если я добавлю тот же HTML прямо в свой Twig, он сделаетРабота.Поэтому по какой-то причине проблема заключается в том, что она добавляется через JS, но я не могу понять, что является причиной проблемы.

...