YouTube Iframe встраивает автоматическое воспроизведение - PullRequest
Новая
       15

YouTube Iframe встраивает автоматическое воспроизведение

201 голосов
/ 02 сентября 2011

Я пытаюсь встроить новую версию видео YouTube в iframe и запустить его автоматически.

Насколько я могу судить, нет способа сделать это путем изменения флагов в URL. Есть ли способ сделать это с помощью JavaScript и API?

Ответы [ 13 ]

0 голосов
/ 21 декабря 2018

декабрь 2018,

В поисках видео для AUTOPLAY, LOOP, MUTE youtube для реакции.

Другие ответы не сработали.

Я нашел решение с библиотекой: act-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 (
            <YouTube
                videoId="oHg5SJYRHA0"
                opts={opts}
                // add autoplay
                onReady={this._onReady}
                // add loop
                onEnd={this._onReady}
            />
        )
    }

}
0 голосов
/ 30 сентября 2017 
<iframe width="560" height="315" 
        src="https://www.youtube.com/embed/9IILMHo4RCQ?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" 
        frameborder="0" allowfullscreen></iframe>
0 голосов
/ 11 марта 2015

Для использования 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>

Для воспроизведения YouTube с идентификатором: 

swfobject.embedSWF

ссылка: https://developers.google.com/youtube/js_api_reference журнал

Страница:
...