Как отключить автовоспроизведение для локального видео в iframe

Если вы используете HTML5, для этой цели подходит тег Video.

Вы можете использовать тег видео таким образом, чтобы не было автовоспроизведения:

<video width="320" height="240" controls>
    <source src="videos/example.mp4" type="video/mp4">
</video>

Чтобы включить автовоспроизведение,

<video width="320" height="240" controls autoplay>
    <source src="videos/example.mp4" type="video/mp4">
</video>

Попробуйте этот код, чтобы отключить автоматическое воспроизведение видео.

Это работает . Пожалуйста, проголосуйте, если вы закончили с этим

<div class="embed-responsive embed-responsive-16by9">
    <video controls="true" class="embed-responsive-item">
      <source src="example.mp4" type="video/mp4" />
    </video>
</div>

если вам по-прежнему нужно использовать iframe, добавьте песочницу

<iframe width="465" height="315" src="videos/example.mp4" sandbox></iframe>

Что вы думаете о теге video? Если вам не нужно использовать тег iframe, вы можете использовать вместо него тег video.

<video width="500" height="345" src="hey.mp4"  />

Вы не должны использовать атрибут autoplay в теге video для отключения автовоспроизведения.

Замените iframe на это:

<video class="video-fluid z-depth-1" loop controls muted>
  <source src="videos/example.mp4" type="video/mp4" />
</video>

Просто замените

<iframe width="465" height="315" src="videos/example.mp4"></iframe>

by

<video src="videos/example.mp4" controls></video>

Вот пример использования начальной загрузки 4:

 <div class="embed-responsive embed-responsive-4by3">
      <video src="videos/example.mp4" controls></video>
 </div>

Вы можете установить источник проигрывателя как пустую строку при загрузке страницы, таким образом вам не нужно переключаться на тег video.

var player = document.getElementById("video-player");
player.src = "";

Если вы хотите воспроизвести видео, просто измените его атрибут src, например:

function play(source){
   player.src = source;
}

Я перепробовал все возможные решения, но ничего не помогло с привязкой локального видео. Я считаю, что лучшим решением было бы исправить с помощью jQuery, если вы все еще хотите использовать фреймы.

$(document).ready(function () {
    var ownVideos = $("iframe");
    $.each(ownVideos, function (i, video) {                
        var frameContent = $(video).contents().find('body').html();
        if (frameContent) {
            $(video).contents().find('body').html(frameContent.replace("autoplay", ""));
        }
    });
});

Примечание. Он найдет все готовые фреймы в документе, перебирает содержимое каждого фрейма и заменяет / удаляет атрибут autoplay. Это решение можно использовать в любом месте вашего проекта. Если вы хотите сделать для определенного элемента, используйте код функции $.each и замените $(video) идентификатором вашего элемента iframe, например $("#myIFrameId").

Попробуй.

src="videos/example.mp4?autoplay=1"

<iframe width="420" height="315"
    src="https://www.youtube.com/embed/aNOgO7aNslo?rel=0">
</iframe>

Вы должны поместить символы ?rel=0 после уникальной ссылки на видео YouTube и перед цитатами. это сработало для меня