ฉันจะเล่นวิดีโออัตโนมัติโดยใช้รูปแบบการฝังใหม่สำหรับ Youtube ได้อย่างไร


166

ฉันไม่สามารถทำงานได้วิธีการเล่นอัตโนมัติวิดีโอโดยใช้ฝังสไตล์รหัสใหม่สำหรับ Youtube ฉันลองเพิ่ม & autoplay = 1 ไปยัง url ซึ่งทำงานกับรูปแบบเก่า แต่ไม่ได้ผล ตัวอย่างเช่นhttp://www.youtube.com/embed/JW5meKfy3fYเป็นลิงก์ที่ฝัง แต่http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1ไม่ทำงาน มีใครบอกฉันได้บ้างว่าต้องทำอย่างไร ขอบคุณ


2
สิ่งนี้ล้าสมัยแล้ว ต้องการ 'ปิดเสียง = 1' แล้ว ดูที่: ตอบบทความ StackOverflow
เทรเวอร์

ใช่ฉันต้องการเพิ่ม? autoplay = 1 & mute = 1 เพื่อให้การเล่นอัตโนมัติทำงานใน chrome ขอบคุณ
john blair

ดังนั้นเพื่อให้ชัดเจน Chrome จะอนุญาตให้เล่นอัตโนมัติหากวิดีโอถูกปิดเสียง ไม่มีวิธีบังคับให้เล่นอัตโนมัติเมื่อเปิดเสียงหรือไม่
webrightnow

คำตอบ:


362

เพียงใส่ "? autoplay = 1" ใน URL วิดีโอจะโหลดอัตโนมัติ

ดังนั้น URL ของคุณจะเป็น: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

ในกรณีที่คุณต้องการที่จะปิดการใช้งานแบบอัตโนมัติเพียงให้1ไป0เป็น ?autoplay=0


7
สิ่งนี้ดูเหมือนจะไม่ทำงานในตอนนี้ มันทำงานได้อย่างสมบูรณ์แบบ 1 สัปดาห์ที่ผ่านมา
Peeja

23
พารามิเตอร์แรกหลังจากรหัสวิดีโอจำเป็นต้องเริ่มต้นด้วย "?" พารามิเตอร์ทั้งหมดหลังจากที่ต้องเพิ่มด้วย "&" หากคุณมีตัวอย่าง "? rel = 0 & autoplay = 1" มันจะเหมือนกับ "? autoplay = 1 & rel = 0" และพวกมันจะทำงานได้ทั้งคู่
ธานอส

8
คำตอบนี้ยังใช้งานได้เพียงแค่เพิ่มข้อมูลเนื่องจากเป็นผลลัพธ์แรกที่ปรากฏขึ้นบน google
Florian Rachor

2
บางคำอธิบายเพิ่มเติมเนื่องจากสิ่งนี้สูงมากในผลลัพธ์ของ goog ส่วนของ URL ที่ตามหลัง '?' คือสตริงข้อความค้นหาและสิ่งที่คุณต้องการคือปุ่ม 'เล่นอัตโนมัติ' ที่มีค่า '1' ตัวอย่างเช่น '... / embed / JW5meKfy3fY? autoplay = 1? rel = 1' ก็จะผิดเพราะคุณจะมี 'เล่นอัตโนมัติ' ที่มีค่า '1? rel = 1' สตริงการสืบค้นเริ่มต้นด้วย '?' และถูกแยกออกเป็นคู่ key = value โดยสัญลักษณ์ '&' en.wikipedia.org/wiki/Query_string#Structure
knickum

3
อัปเดตสำหรับปี 2560:ในตอนนี้ต้องใช้ iframe เพิ่มอีกหนึ่ง conf: allow = "เล่นอัตโนมัติ" ตามที่developers.google.com/web/updates/2017/09/…ดังนั้น iframe ของคุณจะไม่ชอบ: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro

31

ที่จริงแล้วคุณจะต้องใช้ "?" แทนที่จะเป็น "&" สำหรับพารามิเตอร์แรกของคุณเท่านั้น หากคุณใช้มากกว่าหนึ่งพารามิเตอร์คุณจะต้องเพิ่ม "&" ลงในห่วงโซ่

ตัวอย่างเช่นถ้าคุณต้องการเพิ่มแบบอัตโนมัติและคำบรรยายใต้ภาพคุณจะต้องมีการเพิ่มส่วนนี้เพื่อ URL ของคุณฝังวิดีโอ: ? แบบอัตโนมัติ = 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อะไร
WasiF

11

คุณต้องเพิ่มพารามิเตอร์เพิ่มเติมควบคู่กับการเล่นอัตโนมัติ = 1

อนุญาตให้ = "เล่นอัตโนมัติ"

ทำให้มัน:

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

นี่เป็นทางออกที่แนะนำสำหรับปี 2020
ราหุล

6

โอเคนี่เป็นตัวอย่างสำหรับโค้ดฝังใหม่สำหรับวิดีโอ 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>

ฉันลองสิ่งนี้ในบล็อกของฉันแล้วใช้งานได้! หวังว่าความช่วยเหลือนี้ (:


5

วิธีเดียวที่ฉันสามารถเล่นอัตโนมัติให้ทำงานได้คือใช้โปรแกรมเล่น 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>

5

ไม่มีข้อใดถูกใช้งานได้สำหรับฉันในการฝัง 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>

4

ความช่วยเหลือของ YouTubeบอกว่า&autoplay=1ต้องอยู่หลังรหัสวิดีโอ - ฉันถือว่าทันทีหลังจากนั้น


@Aton: ขอบคุณสำหรับคำตอบของคุณ ยังคงไม่ทำงานแม้ว่า ฉันได้อัปเดตคำถามด้วยลิงก์
Ben

4

คุณใช้ URL ที่ไม่ถูกต้องสำหรับ youtube auto play http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1url ที่แสดงนี้ id id ของ YouTube ทั้งหมดJW5meKfy3fY&autoplay=1ที่ youtube ปฏิเสธที่จะเล่น เราต้องผ่านตัวแปรเล่นอัตโนมัติไปยัง 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>

1
คุณลืมที่จะเปลี่ยน&ไป?ในทางที่ถูกต้องที่จะทำ (ก่อน iframe)

3

เพียงเพิ่ม? 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>

2

ไม่มีผู้ใดแก้ไขปัญหาของฉันได้ แต่ฉันพบทางออกที่ดีสำหรับฉันในการทำงานอย่างถูกต้องในตอนนี้ ในระหว่างแท็กเขียนรหัสนี้:

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

0

การเล่นอัตโนมัติของ 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 เล่นอัตโนมัติเป็นเวลา 5 วินาที

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.