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

Как отключить автовоспроизведение для видео, когда src находится на моем локальном компьютере?

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

Я пробовал следующее, но он не работает:

  • src="videos/example.mp4?autoplay=0"
  • src="videos/example.mp4?autoplay=false"
  • src="videos/example.mp4?autostart=0"
  • src="videos/example.mp4?autostart=false"

Ответы

Ответ 1

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

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

<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>

Ответ 2

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

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

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

Ответ 3

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

Работает. Пожалуйста, проголосуйте, если вы сделали с этим

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

Ответ 4

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

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

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

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

Ответ 5

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

$(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", ""));
        }
    });
});

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

Ответ 6

Замените iframe для этого:

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

Ответ 7

Используйте "?rel=0" после вставки ссылки для встраивания, чтобы остановить автозапуск. Этот код поможет вам:

<iframe width="465" height="315" src="https://www.quirksmode.org/html5/videos/big_buck_bunny.mp4?rel=0"></iframe>

Ответ 8

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

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