Title: 音声埋め込みについて
Last modified: 2017年1月5日

---

# 音声埋め込みについて

 *  [free100max](https://ja.wordpress.org/support/users/free100max/)
 * (@free100max)
 * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/)
 * Wordpressの記事に音声(MP3)を埋め込んだ場合、Google Cromeではバーの右端にワンクリック
   でそのMP3ファイルをダウンロードできるアイコンが表示されていますが、これを消す
   方法はありませんでしょうか。
 * または、クリックしてもダウンロードできない(反応しない)方法でもいいです。
 * 記事に埋め込んだMP3ファイルをできるだけダウンロードされたくないので、他に何か
   いい方法があれば教えていただけましたら幸いです。

7件の返信を表示中 - 1 - 7件目 (全7件中)

 *  [CG](https://ja.wordpress.org/support/users/du-bist-der-lenz/)
 * (@du-bist-der-lenz)
 * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-212032)
 * どういう方法で埋め込んでいるかに係る問題です。ダウンロードのリンクを隠しても、
   アドレスが分かればMP3ファイルに直接アクセスできます。それがサーバー負荷にも繋がる
   でしょう。
 *  トピック投稿者 [free100max](https://ja.wordpress.org/support/users/free100max/)
 * (@free100max)
 * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-212033)
 * 回答ありがとうございます。
 * <audio src=”[http://〇〇〇〇.com/1.mp3&#8243](http://〇〇〇〇.com/1.mp3&#8243);
   controls=”controls”></audio>
    という形で、普通に埋め込んでいます。
 * プラグインも探してみましたが、PCでもスマホでもうまく表示されるプラグインが見つ
   からなくて、どうしたものか困っています。
 * アドレスがわかればMP3ファイルに直接アクセスできるということは理解しています。
 * ただ、わざわざダウンロードのアイコンが表示されていてワンクリックでダウンロード
   できてしまう状況を避けたいと思っていますので、アイコンを消すかクリックしてもダウンロード
   できないようにできればそれでいいです。
 * いい方法はないでしょうか。
 *  [Toro_Unit (Hiroshi Urabe)](https://ja.wordpress.org/support/users/toro_unit/)
 * (@toro_unit)
 * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-212041)
 * とりあえず、「ブラウザ標準のUIで無い形でプレイヤーを表示したい」 ということで
   あれば、 `[audio]`ショートコードを使えば実現できます。
 * [Audio ショートコード – WordPress Codex 日本語版](https://wpdocs.osdn.jp/Audio_%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89)
 * また、これはWordPressの標準の音声の埋め込み方法で、「メディアの挿入」から音声
   を記事に挿入すると、
 * `[audio mp3="https://example.com/wp-content/uploads/foo.mp3"][/audio]`
 * のような格好で記事内に埋め込まれます。
    -  この返信は9年、 9ヶ月前に[Toro_Unit (Hiroshi Urabe)](https://ja.wordpress.org/support/users/toro_unit/)
      が編集しました。
 *  トピック投稿者 [free100max](https://ja.wordpress.org/support/users/free100max/)
 * (@free100max)
 * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-212048)
 * 回答ありがとうございます。
 * 上記のWordpress標準の音声埋め込みの方法でやってみましたが、GoogleCromeで見ると
   全く同じバーが表示され、右端にダウンロードアイコンが表示されてしまい、ワンクリック
   でダウンロードされてしまいます。
 * そのダウンロードアイコンを消すか、無効にできるような方法はないでしょうか。
 * または、プラグインを使うなど全く別の形でもいいので何かいい方法がありましたらぜひ
   教えていただけませんでしょうか。
 * プラグインもいろいろ試したのですが、PCのみしか反映しないものとか、スマホに対応
   しているとしても、PCでは専用の音声バーが出るものの、スマホでは上記と同じバーが
   表示されてしまうものなどがばかりで困っております。
 * よろしくお願いいたします。
 *  [munyagu](https://ja.wordpress.org/support/users/munyagu/)
 * (@munyagu)
 * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-212176)
 * こんにちは
 * 私は使ったことがないですが、こういうものを使えば幸せになれるかもしれません。
 * [https://designshack.net/articles/css/custom-html5-audio-element-ui/](https://designshack.net/articles/css/custom-html5-audio-element-ui/)
 *  [nobita](https://ja.wordpress.org/support/users/nobita/)
 * (@nobita)
 * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-212213)
 * こんにちは、
 * ボタンを自分で作ればいいのではないでしょうか
 *     ```
       <audio id="demo2" src="hoge.mp3"></audio>
       <div style="font-size:2em;display:flex;">
         <span onclick="document.getElementById('demo2').play()">⏵</span>
         <span onclick="document.getElementById('demo2').pause()">⏸</span>
         <span onclick="document.getElementById('demo2').muted = true">🔇</span>
         <span onclick="document.getElementById('demo2').muted = false">🔊</span>
         <span onclick="document.getElementById('demo2').volume+=0.1">+</span>
         <span onclick="document.getElementById('demo2').volume-=0.1">-</span>
       </div>
       ```
   
 * ![コードの実行結果](http://www.tenman.info/wp3/manualraindrops/files/html5-audio.
   gif)
 * 詳細
 * [https://developer.mozilla.org/ja/docs/Web/HTML/Using_HTML5_audio_and_video](https://developer.mozilla.org/ja/docs/Web/HTML/Using_HTML5_audio_and_video)
    -  この返信は9年、 9ヶ月前に[nobita](https://ja.wordpress.org/support/users/nobita/)
      が編集しました。
 *  トピック投稿者 [free100max](https://ja.wordpress.org/support/users/free100max/)
 * (@free100max)
 * [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-212225)
 * munyaguさま
    nobitaさま
 * ご回答ありがとうございます。
 * いろいろやってみましたが、PCでサイトを閲覧する際にはいいのですが、スマホのGoogleCrome
   で閲覧すると、通常のダウンロードアイコンが出る音声バーが表示されてしまうようです。
 * あきらめてYoutubeを使うことにします。
 * いろいろありがとうございました。

7件の返信を表示中 - 1 - 7件目 (全7件中)

 トピック「音声埋め込みについて」には新たに返信することはできません。

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7件の返信
 * 5人の参加者
 * 最後の返信者: [free100max](https://ja.wordpress.org/support/users/free100max/)
 * 最後の活動: [9年、 9ヶ月前](https://ja.wordpress.org/support/topic/%e9%9f%b3%e5%a3%b0%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-212225)
 * 状態: サポート関連の質問ではありません

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック