blogger ブログで実行できる埋め込みコードまたはJavaScriptを変更して、ブログの投稿に YouTube ビデオの音声のみを埋め込む方法はありますか?
私の特定の状況:私は自分のブログをオーディオ形式で記録したいプライベートブログを持っています。オーディオレコーディングをホストし、ブログに埋め込むための優れたソリューションを探しています。私の研究により、YouTubeはビデオ向けであるという事実にもかかわらず、YouTubeが最高だと信じるようになりました。
私が試したもの:オンラインでは、埋め込みコードの高さを25に変更するだけですが、これはハックだと思いますできればそれを避けたいです。
あなたが興味を持っている場合:ここに私が見たものと、なぜ彼らが私の問題の適切な解決策ではないと思うのですか:
<audio>
タグを使用しているだけです。私は他の解決策を受け入れていますが、これが最良の解決策のようです。私の基準は次のとおりです。
私の質問を繰り返します:私は私の研究を行ったので、私の質問はどのサービスを使用すべきかではなく、むしろYouTubeクリップの音声のみを埋め込みます。しかし、私は代替案を喜んで受け入れます。私はサイトのルールを破りたくないだけです:)
Googleドライブにはストリーミング機能があることがわかりました。また、移動するURLを変更しないため、完璧なソリューションになります(無制限のストレージがないことを除けば、私のユースケースはそれを必要としないため、私は大丈夫です)。したがって、私のブログ投稿jusは次のHTMLで構成されています。
Whatever I want to write here...<br />
<br />
<hr />
<audio controls="controls" style="margin-left: auto; margin-right: auto;">
<source src="https://googledrive.com/Host/DRIVE_ID_OF_FILE_GOES_HERE" type="audio/mpeg"></source>
Your browser does not support the audio element.
</audio>
ウェブマスターにとって唯一の仕事は、PLAYおよびSTOPアイコンを作成する(またはどこかを見つける)ことです。
コード:
<a href="http://www.youtube.com/embed/XXXXXXXXX?autoplay=1" target="sndtrk"><img src="http://yoursite.web/play.png" width="24" border="0"></a>
<a href="nothing.html" target="sndtrk"><img src="http://yoursite.web/stop.png" width="24" border="0"></a>
<iframe name="sndtrk" width="0" height="0" src="http://www.youtube.com/embed/XXXXXXXXX?autoplay=1" frameborder="0">audio not available</iframe>
どこ:
「play.png」と「stop.png」はアイコンです。
「sndtrk」はフレームの名前で、異なる場合があります
XXXXXXXXXはYouTubeビデオです。
"nothing.html"は存在しないか空のページです。
iframeの幅と高さは「0」に設定されています。