Youtube의 새로운 내장 코드 스타일을 사용하여 비디오를 자동 재생하려면 어떻게해야합니까?

YouTube 의 새로운 소스 코드 스타일을 사용하여 비디오를 자동 재생하는 방법을 알아낼 수 없습니다 . 이전 스타일과 함께 작동하는 URL에 & autoplay = 1을 추가하려고 시도했지만 작동하지 않았습니다. 예를 들어 http://www.youtube.com/embed/JW5meKfy3fY 는 포함 링크이지만 http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 은 작동하지 않습니다. 누구든지 어떻게 할 수 있습니까? 감사

동영상에 자동로드되는 URL에 "? autoplay = 1"을 입력하십시오.

따라서 귀하의 URL은 다음과 같습니다. http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

자동 재생을 사용하지 않으려면 다음 1과 0같이하십시오. ?autoplay=0

실제로 "?"를 사용해야합니다. 첫 번째 매개 변수에 대해서만 "&"대신. 둘 이상의 매개 변수를 사용하는 경우 체인에 "&"를 추가해야합니다.

예를 들어 자동 재생 및 자막을 추가하려면이 부분을 포함 된 동영상 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>

자동 재생 = 1과 함께 추가 매개 변수를 추가해야합니다.

allow = "autoplay"

그것을 만들기:

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>

자, 이것은 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>

나는 내 블로그에서 이것을 시도하고 작동합니다! 이 도움을 바랍니다 (:

자동 재생 기능을 작동시킬 수있는 유일한 방법은 iframe 플레이어 API를 사용하는 것입니다.

<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 width="925" height="315" src="https://www.youtube.com/embed/iD5zxjySOzw?rel=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

YouTube 도움말는 것을 말한다 &autoplay=1이어야 비디오 ID 후 - 난 직후, 가정합니다.

YouTube 자동 재생에 잘못된 URL을 사용하고 있습니다. http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1이 URL 표시 YouTube ID는 JW5meKfy3fY&autoplay=1YouTube에서 재생을 거부합니다. 우리는 자동 재생 변수를 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>

임베드 코드에서 URL 뒤에 ? autoplay = 1 을 추가하십시오 ( 예 :

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

 

더보기 : -5 초 동안 YouTube 자동 재생