匿名質問者

はてなブログにHTML5を使ってオーディオファイルを貼りたいのですが、

<audio src=”取得したURL″ controls></audio>
と入力しても、「この種類のオーディオファイルはサポートされていません。」
と出てしまいます。
また、URLだけをブログに貼っても、「このコンテンツはフレーム内に表示できません」と出てしまいます。
設定の仕方などがあるのでしょうか?

回答の条件
  • 1人50回まで
  • 登録:
  • 終了:2018/01/02 11:35:04

回答0件)

回答はまだありません

  • 匿名回答1号
    匿名回答1号 2017/12/26 12:55:30
    実際のコードが読むことができないと正確に回答する事ができませんが、他のコミュニティで類似した質問があります。
    https://answers.microsoft.com/ja-jp/ie/forum/ie11-iewindows_10/ie-%E3%81%A8-microsoft-edge/cee3b283-9375-4df2-aee8-6f7164d63c45

    一部の環境でサポートされていないと表示される場合の代替案のようです。
    https://stackoverflow.com/questions/26691583/html5-video-player-with-start-time-does-not-work-on-internet-explorer
  • 匿名回答2号
    匿名回答2号 2017/12/26 23:58:31
    ブラウザの種類とファイルの拡張子くらいは最低でも伝えてくれないと
    メッセージの特長からするとブラウザはEdgeなんだろうとは思うけど
  • 匿名質問者
    匿名質問者 2017/12/27 09:52:10
    >匿名回答1号さん
    ありがとうございます。リンク先を拝見しましたが、自分にはちょっと難しそうでした。
    他にも類似した質問が無いか探してみますね。

    >匿名回答2号さん
    すみません。ブラウザはEdgeです。
    取得したURLというのは、googleドライブやDropboxから取得したmp3のファイルになります。
  • 匿名回答1号
    匿名回答1号 2017/12/27 17:20:13
    実際のコードや問題が発生しているページそのものを回答者が確認できないと明確な答えが得られない場合があります。

    ・ファイルタイプの問題
    ・ブラウザの実装/互換性の問題
    ・埋め込みを行うブログ側の問題
    など、様々な要因があるためです。
  • 匿名回答2号
    匿名回答2号 2017/12/27 18:05:39
    たぶん権限なんかの問題だと思ったので、
    いろいろ調べていたらこんな情報出てきました。

    ブログにmp3等の音声ファイルを簡単に埋め込む方法
    http://frenchbread.hatenablog.com/entry/2017/06/04/175801
    >>
    外部からアクセスできるようにするためにdl=1に書き換える必要がある。
    <<
  • 匿名質問者
    匿名質問者 2017/12/27 22:46:03
    >匿名回答1号さん
    実際のコードです

    Dropbox
    <audio src=https://www.dropbox.com/s/hc810sjwnll66pj/01%20Living%20In%20a%20Bubble.mp3?dl=1 controls="controls"></audio>

    googleドライブ
    <audio src=https://drive.google.com/open?id=1JH64rTlSiwY-r7rkUsCMBBC_VQePm9ud controls="controls"></audio>

    >匿名回答2号さん
    dl=1に書き換えてみたんですけどダメっぽいです。
  • 匿名回答2号
    匿名回答2号 2017/12/27 23:18:43
    ええと、urlは基本的にダブルクオートで囲むものなんですけれども

    先頭を src=https:// → src="https://
    末尾を Bubble.mp3?dl=1 → Bubble.mp3?dl=1"

    と変えてもだめでしょうかね?
  • 匿名回答2号
    匿名回答2号 2017/12/27 23:34:16
    controls="controls"

    の部分もHTMLの仕様とは異なるようです。そこは単に

    controls

    だけでいいようです。

    https://momdo.github.io/html5/embedded-content-0.html#user-interface
    >>
    controls属性は真偽属性である。
    <<
    真偽属性:boolean-attribute
  • 匿名質問者
    匿名質問者 2017/12/28 09:30:57
    >匿名回答2号さん
    わかりやすく丁寧な説明ありがとうございます。
    どうやら、はてなブログのHTML編集は勝手に修正される機能があるみたいで、
    ダブルオートを付け忘れていても、いつの間にか付いてました。

    試しに
    <audio src=https://www.dropbox.com/s/hc810sjwnll66pj/01%20Living%20In%20a%20Bubble.mp3?dl=1 controls></audio>
    と入れてみたのですが、
    <p><audio src="https://www.dropbox.com/s/hc810sjwnll66pj/01%20Living%20In%20a%20Bubble.mp3?dl=1" controls="controls"> </audio></p>
    と修されています。
    controlsも勝手にcontrols="controls"になってしまいました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません