testexplore

Your browser does not support the audio element.

YouTube Player Load Video Video Size: Width: Height: Apply Size

外部HTMLファイル読み込み | Java Script 外部HTMLファイル読み込みのスクリプトコード 外部HTMLファイル読み込み

WebサイトにYouTube動画を埋め込むことは、訪問者に対して情報を視覚的に提供し、コンテンツの魅力を高めるために非常に重要です。 YouTube [f:id:fobitows:20230907193357g:plain] KAORUKO 動画を確認しながら調整できます。 SAKURAKO ブログやサイトに埋め込む際のカスタマイズにどうぞ~ [demo tool ver.1 ](https://naga-cafe.blogspot.com/2023/09/youtube-embed-toggle-rel-rel-1-no.html) ## ツールの解説 1. YouTube Video ID: https://youtu.be/ *_0yTPCYHGHg* YouTubeアドレスのこの部分 2. Load Video クリックでプレイヤーを生成 3. 埋め込みするプレイヤーの幅と高さをピクセルで指定 Video Size: Width : + - Height: + - 4. パラメータを指定 Video Parameters: rel fs modestbranding controls rel : チェックなしで関連動画非表示。 fs : チェックなしで全画面ボタン非表示。 modestbranding : チェックでロゴが遠慮がちになる。 controls : チェックなしでコントローラー非表示。 Video Color: シークバーの色 White Red 5. Copy Player Code 埋め込みコードを生成してコピー コピーしたコードをHTMLソースとして貼り付ければOK！ [f:id:fobitows:20230828130137p:plain:w336]

YouTube Embed YouTube Video ID: Load Video Video Size: Width: + - Height: + - Video Parameters: rel fs modestbranding controls Video Color: White Red Copy Player Code

Copy Code to Clipboard コードをコピー // コピーされるコード $(document).ready( function () { $("a[href^='http']:not([href*='" + location.hostname + "'])").attr('target', '_blank'); }) HTML <button id="copyButton">コードをコピー</button> Java Script // ページが読み込まれた後の処理 document.addEventListener("DOMContentLoaded", function () { // "コードをコピーする" ボタンをクリックしたときの処理 document.getElementById("copyButton").addEventListener("click", function () { // コピー対象のテキストを選択 const codeToCopy = document.querySelector("pre"); const range = document.createRange(); range.selectNode(codeToCopy); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); // テキストをクリップボードにコピー try { document.execCommand("copy"); alert(&q