2023年9月18日月曜日

youtubeプレーヤーの埋め込みコード

はじめに
この埋め込みコードはオリジナルのものです。
youtubeの埋め込みコードとは異なります。

埋め込みコード
コードは、以下のリンクから取得できます。
埋め込みコードは、以下になります。

このコードをコピーして、ブログにペーストし、保存します。また、赤色で示した部分をお気に入りの動画のvidコードにするとその動画で再生できます。
(補足)このコードには、不正なコードは含まれていません。


プレーヤー画面
ページを開くと、以下のプレーヤーが表示されます。   
 


使い方
埋め込みコードをブログの任意の場所へペーストし、保存します。
ページをリロードすると、サムネイルプレーヤーが表示されます。
右向き▶ボタンをクリックすると再生がスタートします。

説明
埋め込みコードは、自作のブログに埋め込むことができます。このコードはhtmlテキストとjavascriptコードを含んでいます。プレーヤーはyoutubeAPIを使用しています。
このテキストコードの中のiframeタグでtecoyanサーバーにあるphpファイルをリクエストしてプレーヤーを生成しています。
特長としては、サムネイルを選択できることです。そのサムネイルの動画を再生します。
プレーヤーのドラッグと非表示について
このプレーヤーは任意の場所へドラッグすることができます。また、プレーヤーを非表示することもできます。この時、ボタンは表示されます。

あとがき
ブログを見ながら、プレーヤーでバックミュージックが流れますので、リラックスしながら楽しめます。また、自分のブログで閲覧者の方々にyoutube動画を楽しめていただければ、いっそううれしいのではないでしょうか。一度、試してみてください。


youtubeプレーヤーの埋め込みコード

はじめに この埋め込みコードはオリジナルのものです。 youtubeの埋め込みコードとは異なります。 埋め込みコード コードは、以下のリンクから取得できます。 埋め込みコード作成サイトへのリンク 埋め込みコードは、以下になります。 <div id="pp...