Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
動画自動再生 | YouTube動画の貼り方etc.

YouTube動画の貼り方etc.

お役に立てれば幸いですが、方法はこれに限りでは無い様なので、他のサイトなども当たってみて下さいね。




YouTube動画の自動再生(AutoPlay)の仕方です。




サイドバーや記事に貼ったYouTube動画を自動再生したい場合。





例えばこれ↓↓↓が動画の埋め込みコードだとします。



<iframe width="240" height="160" src=http://www.youtub

e-nocookie.com/embed/5HDxxy3gq4Q?re1=0"

framedorder="0" allowfullscreen><?iframe>



埋め込みコード内のアドレス最後 autoplay=1 を付けるだけです。


付ける場所は詳しく書くと青い字のところですね。↓↓↓



<iframe width="240" height="160" src=http://www.youtub

e-nocookie.com/embed/5HDxxy3gq4Q?rel=0&autoplay=1 "

frameborder="0" allowfullscreen></iframe>






YouTubeで調べると古い埋め込みコードを使っての説明になっていますので、とても面倒くさいことの様に見えますが。


今の埋め込みコードであれば同じ場所に1つ &autoplay=1 と入れれば良いので簡単です。








一応、もう一つ例をあげると、再生後関係動画を表示する状態の場合でも同じ。


これが↓↓↓埋め込みコードだとします。




<iframe width="560" height="315" src="http://www.youtub

e-nocookie.com/embed/UGP_hoQpLZQ"

frameborder="0" allowfullscreen></iframe>




同じようにコード内のアドレスの最後 " の前に &autoplay=1 を入れるだけで自動再生になります。



<iframe width="560" height="315" src="http://www.youtub

e-nocookie.com/embed/UGP_hoQpLZQ&autoplay=1"

frameborder="0" allowfullscreen></iframe>





また&autoplay=1を外せば、好きな人が再生をクリックすれば流れるように変えられます。




* * Again: this will **not** prevent inline script, e.g.: * . * * This workaround is possible because Safari supports the non-standard 'beforeload' event. * This allows us to trap the module and nomodule load. * * Note also that `nomodule` is supported in later versions of Safari - it's just 10.1 that * omits this attribute. * --> */ (function () { const check = document.createElement('script'); if (!('noModule' in check) && 'onbeforeload' in check) { let support = false; document.addEventListener( 'beforeload', (e) => { if (e.target === check) { support = true; } else if (!e.target.hasAttribute('nomodule') || !support) { return; } e.preventDefault(); }, true, ); check.type = 'module'; const blob = URL.createObjectURL( new window.Blob([], { type: 'text/javascript' }), ); check.src = blob; check.onload = () => { URL.revokeObjectURL(blob); }; document.head.appendChild(check); check.remove(); } })();