≪目次≫
いきさつ
8月4日のブログ『RealPlayer と フォト で「夕暮れ」静止画と麻里府音の動画を作ってみた』は「とりあえず今日はこれまで」で閉じた。そのいきさつは‥‥
- ブログの(大きい)画像をクリックしたら、裏で Youtubeを開き「音」が流れ‥‥
- そのままブログの続きが見られる
ようにしたかったのだが、動作検証・修正を繰り返してるうち、直しているのだか壊しているのか解らなくなってしまった‥‥ から。
天候が悪く草刈りができないのを利用して、もう一度、検証することにした。
1.当初の完成イメージ
1.1.はてな記法
実際には改行せず、1行で書いてある。
<center> <a href="https://www.youtube.com/watch?v=CAtm-iAYjmE" title="(1) 2020-0804 夕暮れの石八前広苑in麻里府 - YouTube"> <img src="https://cdn-ak.f.st-hatena.com/images/fotolife/o/ogohnohito/20200804/20200804224717.png" width=600> </a> <br> <span style="font-size: 80%">音を聴くには写真をクリックしてください。</span> </center>
1.3.動作検証
何れのブラウザーも「はてなブログ」の下書きをプレビューして動作を検証した。
- Firefox Browser:バージョン 79.0(64ビット)‥‥ まりふのひとのデフォルト ブラウザー
- 写真をクリックすると、新しいタブの Youtube がアクティブになり、
- 動画面の[▶]をクリックすると 再生が始まる。
- ブログを見るには、元のタブを選択する必要がある。
- Google Chrome:バージョン 84.0.4147.105(64ビット)
- 写真をクリックすると、新しいタブの Youtube がアクティブになり、
- 自動的に再生する。
- ブログを見るには、元のタブを選択する必要がある。
- IE11:Internet Explorer11 バージョン 11.0.200
- 写真をクリックすると、一瞬、新しいタブが出来るが消える!
- Edgeで Youtubeが開き、自動的に再生する。
- ブログを見るには、Edgeを閉じる必要があり、「音」も消える。
- Microsoft Edge:バージョン 84.0.522.52(64ビット)
- 写真をクリックすると、新しいタブの Youtube がアクティブになり、
- 自動的に再生する。
- ブログを見るには、元のタブを選択する必要がある。
2.試行
2.1.はてな記法
確証は無いが target="_blank" を取り、代わりに「Ctrl+クリック」することにした。
<center> <a href="https://www.youtube.com/watch?v=CAtm-iAYjmE" title="2020-0804 夕暮れの石八前広苑in麻里府 - YouTube"> <img src="https://cdn-ak.f.st-hatena.com/images/fotolife/o/ogohnohito/20200804/20200804224717.png" width=600> </a> <br> <span style="font-size: 80%">音を聴くには写真を Ctrl+クリック してください。</span> </center>
2.3.動作検証
何れのブラウザーも「はてなブログ」の下書きをプレビューして動作を検証した。
- Firefox Browser:バージョン 79.0(64ビット)‥‥ デフォルト ブラウザー
- 写真をクリックすると、新しいタブが出来るだけで、見かけ上の変化なし。
- 出来たタブの
[1個のタブの音声を再生します]をクリックすると、 - 再生が始まる。
- Google Chrome:バージョン 84.0.4147.105(64ビット)
- 写真をクリックすると、新しいタブが出来るだけで、見かけ上の変化なし。
- 出来たタブを選択すると、自動的に再生する。
- ブログを見るには、元のタブを選択する必要がある。
- IE11:Internet Explorer11 バージョン 11.0.200
- 写真を Ctrl+クリックすると、一瞬、新しいタブが出来るが消える!
- Edgeで Youtubeが開き、自動的に再生する。
- Microsoft Edge:バージョン 84.0.522.52(64ビット)
- 写真を Ctrl+クリックすると、新しいタブが出来るだけで、見かけ上の変化なし。
- 新しいタブ(Youtube)選択すると、自動的に再生する。
- ブログを見るには、元のタブを選択する必要がある。
3.今日の結論
今回の目的は「蝉の鳴き声を聴きながらブログを読む」ようにしたかったが‥‥
- Firefoxのセキュリティが上がった? せいか、叶わなかった。
- Firefoxの設定を変える 手もあるが、ブラウザーの違いもあるので、標準設定のまま変えないことにた。
今回の動画は 1分49秒と短いこともあり、
- <a>タグに target="_blank" を入れ、(1.当初の完成イメージ)
- 「Ctrl+クリックしてください」と書いといても、「クリック」する方が多いため...
- 写真を「クリック」
- Youtubeのタブで 動画を 右クリック ⇒ ループ再生()してもらう。
- デフォルト ブラウザーが IE11 の方は、今後のためにも、この際「Microsoft Edge」を既定のブラウザーとして設定()がお勧めかも...
で、「一件落着」とする。