Я не могу понять, как автоматически воспроизводить видео с помощью новый стиль встраиваемого кода для Youtube. Я попытался добавить & autoplay = 1 к URL-адресу, который работал в старом стиле, но это не сработало. Например, http://www.youtube.com/embed/JW5meKfy3fY - это ссылка для встраивания, но http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 не Работа. Может кто подскажет, как это сделать? Спасибо
Как я могу автоматически воспроизвести видео, используя новый стиль кода встраивания для Youtube?
Ответы (12)
Просто введите «? Autoplay = 1» в URL-адрес, по которому видео будет загружаться автоматически.
Таким образом, ваш URL-адрес будет: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1
Если вы хотите отключить автовоспроизведение, просто измените 1
на 0
как ?autoplay=0
<iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
- person vityapro; 26.08.2019
На самом деле вам придется использовать "?" вместо "&" только для вашего первого параметра. Если вы используете более одного параметра, вам нужно будет добавить в цепочку «&».
Например, если вы хотите добавить автовоспроизведение и скрытые субтитры, вам нужно будет добавить эту часть к URL-адресу встроенного видео: ? Autoplay = 1 & cc_load_policy = 1.
Это выглядело бы так:
<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1&cc_load_policy=1" frameborder="0"
allowfullscreen></iframe>
closed captioning
?
- person WasiF; 08.04.2019
Вам нужно добавить дополнительный параметр вместе с autoplay = 1
allow = "autoplay"
делая это:
<iframe src="your-video-url?rel=0&controls=0&showinfo=0&autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>
Единственный способ заставить работать автовоспроизведение - использовать API-интерфейс iframe player.
<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '480',
width: '853',
videoId: 'JW5meKfy3fY',
playerVars: {
'autoplay': 1,
'showinfo': 0,
'controls': 0
}
});
}
</script>
Хорошо, это пример нового кода для встраивания видео на YouTube.
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM" frameborder="0" allowFullScreen></iframe>
если вы хотите запустить его автоматически, в src="http://www.youtube.com/embed/8v_4O44sfjM"
добавьте параметр ?autoplay=1
Итак, код будет выглядеть так:
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM?autoplay=1" frameborder="0" allowFullScreen></iframe>
Я попробовал это в своем блоге, и он работает! Надеюсь на эту помощь (:
Ничего из вышеперечисленного у меня не сработало в текущей версии YouTube. Попробуйте, это действительно сработало для меня :)
Надеюсь, это поможет!
<iframe width="925" height="315" src="https://www.youtube.com/embed/iD5zxjySOzw?rel=0&autoplay=1&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
Справка YouTube говорит, что &autoplay=1
должен быть после идентификатора видео - я полагаю, сразу после.
Вы используете неправильный URL-адрес для автоматического воспроизведения YouTube http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1
этот URL-адрес отображает идентификатор YouTube целикомJW5meKfy3fY&autoplay=1
, который YouTube отклоняет для воспроизведения. мы должны передать переменную autoplay на youtube, поэтому вы должны использовать ?
вместо &
, чтобы ваш URL-адрес был http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1
, а ваш окончательный iframe будет таким.
<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>
&
на ?
. (перед iframe)
- person ; 22.12.2015
Просто добавьте ? Autoplay = 1 после URL-адреса во встраиваемый код, например:
<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0" frameborder="0"></iframe>
Измените его на:
<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1" frameborder="0"></iframe>
Ни одна из ваших не решила мою проблему. Но я нашел хорошее решение для правильной работы прямо сейчас. Между тегами напишите этот код:
<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
<iframe frameborder="0" height="100%" width="100%"
src="https://youtube.com/embed/**[CHANGE HERE WITH YOUR YOUTUBE VIDEO ID]**?autoplay=1&controls=0&showinfo=0&autohide=1">
</iframe>
</div>
Автовоспроизведение YouTube работает только на настольных компьютерах, если требуется для работы на мобильных устройствах, просто внесите изменения в JavaScript. Нравиться
<div id="player"></div>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
videoId: 'VideoID',
playerVars: {
'autoplay': 1,
'rel': 0,
'showinfo': 0,
'modestbranding': 1,
'playsinline': 1,
'showinfo': 0,
'rel': 0,
'controls': 0,
'color':'white',
'loop': 1,
'mute':1,
// 'origin': 'https://meeranblog24x7.blogspot.com/'
},
events: {
'onReady': onPlayerReady,
// 'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
player.playVideo();
player.mute();
}var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}
Подробнее: - YouTube auto играть 5 секунд
<div class="video-container"><div id="player"></div></div>
и добавил бы отзывчивый CSS, чтобы сделать iframe отзывчивым: .video-container {overflow: hidden;position: relative;width:100%;} .video-container::after {padding-top: 56.25%;display: block;content: '';} .video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
- person nathanielperales; 05.03.2021
Chrome блокирует воспроизведение аудиоконтента без какого-либо взаимодействия с пользователем.
Таким образом, можно обойтись без звука, добавив
&mute=1
Это будет работать в 100% случаев.