유튜브 (youtube) 동영상 iframe 에서 자동 재생 포함하는 방법?

나는 포함 하는 새로운 버전의 유튜브 (youtube) 동영상 및 이해했소 iframe 을 자동 재생.

내가 말할 수 있어, 지금처럼 이렇게 플래그를 통해 URL 에 확인하는 방법도 없다. 그렇게 할 수 있는 방법이 사용하여 JavaScript &amp. api 는?

TylerH
편집된 질문12일 8월 2019 в 6:24
프로그래밍
iframe youtube javascript html youtube-api
2일 9월 2011 в 9:50
350 파운드
질문에 대한 의견 (1)
해결책

이 작품은 크롬 파이어폭스 3.6 의 아닌 (경고: 리크롤 비디오):

JavaScript API 를 iframe sound1.mp3 는 여전히 존재하지만 표시됨과 게시하기를 실험 피쳐입니다.

업데이트: 이 iframe API 가 완벽하게 지원하고, [&quot 이t. 프라이어 객체에는 2"; 만들기 - 예], [2] autoplay&quot &quot 설정하는 방법을 보여줍니다. javascript 로.

[2]: https://developers.google.com/youtube/iframe_api_reference # Example_Video_Player_Constructors

해설 (5)

Youtube 에 기본적으로 내장된 자동 실행 코드를 오프하도록 있다. 자동 재생 기능을 추가할 말, '= 1'at &quot src&quot. 속성. 예를 들면 다음과 같습니다.

develCuy
편집된 답변13일 8월 2013 в 8:26
해설 (2)

이후 4월 2018년, 구글은 브라운아저씨의 일정한 변화가 자동 재생 정책. 이 같은 일이 해야 할 것입니다.

해설 (0)

2014년 iframe embed 자동 실행 없이 동영상을 유튜브에 동영상을 장착하는 방법에 대한 클리핑할 말 것을 제안했다.

rel=0&autoplay

예: .

Victoria
편집된 답변11일 7월 2018 в 11:10
해설 (0)

8월 2018년 I find a, t # 39 에서 iframe 구축현 didn& apc® 예. 관련된 다른 질문을 받았을 크롬 국한됨 준 거두어 약간은요

39, ll %s/dbase/ext_table. you& 음소거할 사운드 '음소거 = 1' 에서 자동 실행을 위해 크롬. FF = 1 '으로 사용하는 것으로 보인다' 자동 실행 및 IE apc® 그냥 그랬다고 매개변수입니다.

해설 (0)

src iframe 끝에 ',' js API 추가 &amp 네이블제사피 = 1 에서 사용될 수 있도록 비디오

그리고 함께 포함한다.

jQuery(document).ready(function( $ ) {
  $('.video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
});

이 비디오 재생 시 자동으로 도쿠망드리디 합니다.

참고로, 이 함수를 사용할 수도 있습니다) 를 클릭하면 안에 있는 다른 요소는 비디오를 시작합니다

더 중요한 것은, 모바일 장치에서 delaymins 동영상을 클릭하면 자동 시작 할 수 있도록 항상 비디오 플레이어 자체에서 비디오를 시작합니다

편집:

39 m, 실제로는 전혀 i& 100% 가 될 수 있기 때문에 반드시 도쿠망드리디 iframe 에 계속 로드중 준비됐어들 유튜브 비디오. # 39 m, 실제로 이 기능을 사용하여 인사이드라면 i& 클릭 기능:

$('.video-container').on('click', function(){
  $('video-selector iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
  // add other code here to swap a custom image, etc
});
bdanin
편집된 답변15일 7월 2015 в 3:11
해설 (2)

39, 모르는 분들을 위해 여러 쿼리합니다 don& 팁 (과거 저와 향후 me)

39, 그냥 're making you& 경우 url 로 자동 실행 = 1' 은 단일 쿼리하지? [에서 볼 수 있는 것처럼 mjhm& # 39 의 오토메이티드] (https://stackoverflow.com/a/7286526/3377049)

39 you& 경우, re making a '로 시작하는 첫 번째 여러 너희에게베풀어진 쿼리합니다 나머지는 &amp 시작하는', '?'

Say you 끌 수 있지만 관련 비디오 자동 실행.

이 기능은

그리고 이 작품을

하지만 이런 won& # 39, 빗나갔다.
    • uxfs 비교

https://jsfiddle.net/Hastig/p4dpo5y4/

  • 자세한 내용 *

39 의 사용에 대한 자세한 정보는 아래 여러 쿼리하지 문장열 질문하시리니 NextLocal& 읽기

Community
편집된 답변23일 5월 2017 в 10:31
해설 (6)

, IFRAME 및 객체에는 함께 사용할 수 있는 이 플래그를 또는 매개변수입니다 sound1.mp3 여기에 설명되어 있습니다. 역시 어떤 양실장 수행됨 디스크입니다. 매개변수입니다 대한 정보를 명확히 언급했다.

유튜브 임베드된 플레이어와 플레이어 매개변수입니다

자동 재생 기능을 지원하지 않는 것을 알 수 있습니다 '' 모든 선수들이 (AS3, AS2, HTML5).

해설 (0)

지난 5월 2018년, 내가 작업할 수 있는 수락됨 의해 오토메이티드 마이옴 크롬 66 추가되든지 자동 실행 '을' 와 '= 1' 을 허용 = iframe enable_js 쿼리 문자열.

해설 (0)

1 = 1 '을', '-' &amp 추가 네이블제사피 IFRAME SRC

2 - jQuery func.

  $('iframe#your_video')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');

작동합니다

Vasfed
편집된 답변21일 6월 2016 в 2:22
해설 (1)

Javascript api 를 사용하여

<script type="text/javascript" src="swfobject.js"></script>
  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>

  <script type="text/javascript">

    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/OyHoZhLdgYw?enablejsapi=1&playerapiid=ytplayer&version=3",
                       "ytapiplayer", "425", "356", "8", null, null, params, atts);

  </script>

유튜브 재생할 수 있는 id:

swfobject.embedSWF

참조: https://developers.google.com/youtube/js_api_reference 저장실이

해설 (0)

12월 2018년,

자동 실행 필요, 루프, 유튜브 (youtube) 동영상 대응하기 위해 제작되었다.

39, didn& 다른 대답을 잊지 말아야 한다.

라리브러리 함께 해결책을 찾았다. 반응을 유튜브 (youtube)

class Video extends Component {

    _onReady(event) {
        // add mute
        event.target.mute();
        // add autoplay
        event.target.playVideo();
    }

    render() {
        const opts = {
            width: '100%',
            height: '700px',
            playerVars: {
                // remove video controls 
                controls: 0,
                // remove related video
                rel: 0
            }
        };

        return (

        )
    }

}
해설 (0)