電網遊具 - MONOSEPIA

編集作業場　/　Private　←※mono....左記ページは管理者のみ閲覧編集可能ページです。あしからず。

---

※mono....このページは個人的に思いついた電網空間での遊び事を残すページです。

---

Youtubeの埋め込みコードを改変して、再生釦だけを表示させる方法を探していたら、参考になる記事を見つけたので作ってみることにした。

まず、以下の動画をこれから改変していきたいと思う。

埋め込みコードは
<iframe width="560" height="315" src="https://www.youtube.com/embed/GvD3CHA48pA" frameborder="0" allowfullscreen></iframe>
となっている

これを

<iframe width="30" height="25" src="https://www.youtube.com/embed/GvD3CHA48pA" frameborder="0" allowfullscreen></iframe>

とすると

あれ？こんなに簡単だったっけ？

おかしいなぁ・・・

もっといろいろと書き換えなければいけなかったと思ったんだけどｗ

ーーーーー
<iframe width="40" height="30" src="https://www.youtube.com/embed/GvD3CHA48pA" frameborder="0" allowfullscreen></iframe>

とすると

これでは再生釦の色味やクリックする位置が判りづらいので以下改変↓
ーーーーー
<iframe width="40" height="30" src="https://www.youtube.com/embed/GvD3CHA48pA" frameborder="0" allowfullscreen></iframe>

を、YouTube動画の22のパラメータまとめ+αと埋め込みコードの実例というサイトの記事を参考の改変すると

<iframe width="40" height="30" src="https://www.youtube.com/embed/GvD3CHA48pA?rel=0&modestbranding=0&showinfo=0&fs=0&controls=1&autohide=2" frameborder="0" allowfullscreen></iframe>

となって

となる。釦の色味はこっちの方が良い様な気がする。

『width="30" height="20"』にサイズを変えてみる

だいぶ以前にも釦だけの表示方法を試したことがあったのだが、その時はYoutube様が仕様を変えたために使えなくなっていた方法があって、それ以後諦めていたのだが、ここへ来て・・・どうしたんだろうYoutubeさん？それとも単純に私が知らなかっただけのことかもしれない。

ーーーーー
これをサイトＵＲＬ（https://www.youtube.com/watch?v=GvD3CHA48pA）や共有ＵＲＬ（https://youtu.be/GvD3CHA48pA）を用いて作業するとうまく行かない。ＵＲＬの間にある『embed』がものを言うらしいｗ
しかし、音量は変えられないので要注意。

ーーーーー
【参考サイト】

• [後編]これでもう悩まない。YouTube動画の埋め込みに使える便利なパラメーター14選
• YouTube動画の22のパラメータまとめ+αと埋め込みコードの実例

【modestbranding=0】はロゴを表示する
【modestbranding=1】はロゴを非表示にする

【showinfo=0】はタイトルや評価などの情報を非表示にする
【showinfo=1】はタイトルや評価などの情報を表示する

【controls=0】はコントロールバーを非表示にする
【controls=1】はコントロールバーを表示する

【autohide=0】コントロールバーとシークバーは常に表示されたままになります。
【autohide=1】コントロールバーとシークバーは再生開始後にスライドして隠れます。
【autohide=2】シークバーだけが細くなります。

ーーーーー
参考までに大きさだけ元に戻して表示してみる
<iframe width="560" height="315" src="https://www.youtube.com/embed/GvD3CHA48pA?rel=0&modestbranding=0&showinfo=0&fs=0&controls=1&autohide=2" frameborder="0" allowfullscreen></iframe>

↓

ああ、これだけではどこが変わったのか分りにくいので、元動画↓

ーーーーー
音量が変えられる程度まで小さくしてみる（作業しながら・・・）

【width="180" height="120"】

だめか・・・

【width="240" height="160"】

【width="300" height="200"】

これだと『消音』だけだ…

【width="330" height="220"】

これでも駄目…

【width="360" height="240"】

ここへ来てやっと音量調整バーが現れたね。
ならばｗ

【width="360" height="25"】

【width="360" height="15"】

かろうじて音量調整が出来るねｗ

ではこれではどう？
【width="360" height="10"】

ははは、うまく上部をスライド出来れば可能だねｗ

私はパラメーターのことやプログラムのことは何も分りません。ただただ『やってみる』だけの人です。質問されても何も答えられませんので悪しからず。

.