テストページ：YouTube上の音声を自動ループ再生

(2017/11/21初更新，2019/04/14更新)

↑

かつて私がYouTubeに投稿した https://www.youtube.com/watch?v=YCaKGjkKIB4 (10秒強)を、横１×縦１ピクセルの画像サイズで自動ループ再生します。
※実際に再生される音声は、愛媛県新居浜市にある瑞應寺(曹洞宗)の奥にある金毘羅宮の鐘を2017(平成29)年1月1日(日)午前0時3分頃に録音したもの。
※このテストページを閉じないと再生が止まらないので注意。

【注意】
Webブラウザ「Google Chrome」では、2018/04/17(現地時間)に公開されたバージョン66から自動再生不可(詳細はこちらとこちら)。
Webブラウザ「Firefox」では、2019/03/19(現地時間)に公開されたバージョン66から自動再生不可(詳細はこちらとこちらとこちら)。
Webブラウザ「Internet Explorer 11」(IE11)では、2019/04/14現在も自動再生可。

◆━━◆

【この記事の主な作成手順】

無料のWindows用動画編集ソフト「AviUtl」とAviUtl用x264guiExプラグインを利用し、音声ファイル＋適当な横426×縦240ピクセルの静止画から１本の.mp4ファイルを作成。
　↓
YouTubeヘルプ内の「15分を超える動画のアップロード」を参考にすれば最長11時間(ファイルサイズは最大128GB)までの動画を無料で投稿可能になる為、それを利用して上記.mp4ファイルをYouTubeに投稿。
(※現在のBloggerでは本来そんな作業が不要。しかし将来Yahoo!ブログ(2019/12/15サービス終了予定)のように動画のループ再生ができない仕様へ変わる可能性も否定できないため、万一の事態に備える意味合いで実施しておくほうが良いかと思います)
　↓
Bloggerの投稿エディタで左上の「HTML」をタップまたはクリック。
　↓
音声自動再生用の動画を挿入したい位置に、以下の３行を挿入。
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" frameborder="0" gesture="media" height="1" width="1" src="https://www.youtube.com/embed/YCaKGjkKIB4?autoplay=1&loop=1&playlist=YCaKGjkKIB4"></iframe></div>
<div style="text-align: center;">
　↓
Bloggerの投稿エディタで左上の「作成」をタップまたはクリック。
　↓
そのまま通常の記事作成を続行。
　↓
Bloggerの投稿エディタで右上の 「公開」「保存」「更新」いずれかをタップまたはクリック。

以上。

◆━━◆

参考URL(※Bloggerヘルプ内)：
「投稿を作成、編集、削除する」
「ブログへの画像や動画の追加」
「ブログの混合コンテンツを修正する」

本ブログ内の関連記事：
(旧ブログ退避領域) 瑞應寺の風景

◆━━◆

画像1：YouTube向けの音声投稿用背景画像。
私が今後YouTubeに別名義で音声投稿するための.mp4ファイルを作成する際、この画像を使うつもりです。ずっと前に自作し直したものですが、他の誰が勝手に使ってもらってもOK。