23967


下記のソースコードは、"bgsound"タグを"select"タグとリンクさせて選曲できるように  
設定したものです。  
しかし、この"bgsound"タグは廃止されるとのことですので、これを"audio"タグに変えたい  
のですが、どのように書き換えればいいのでしょうか。ご教示ください。

[code]

    <script type="text/javascript">
     <!--
       function selectBgm(e){
        var selectedIndex = e.selectedIndex;
            bgm.src= e[selectedIndex].value; 
    }
     //-->
    </script>
    
             <bgsound id="bgm" src="" loop="-1">
    
     <form id="bgms" style="text-align:right">
        <SELECT id="bgmSelector" onchange="selectBgm(this);">
          <OPTION  value=""  selected>選曲(停止)</OPTION>
          <OPTION  value="１１１.mp3">１１１</OPTION>
          <OPTION  value="２２２.wav">２２２</OPTION>
        </SELECT>
     </form>
    
[/code]


CC BY-SA 3.0
2016-04-12T14:46:33.670
23965
2016-04-12T15:35:14.220
2016-04-12T15:12:32.563
9359
9359
question
javascript html
"audio"タグを"select"タグとリンクさせる方法


この場合は、[`<audio>`タグ](https://developer.mozilla.org/ja/docs/Web/HTML/Element/audio#Events)とその[`autoplay`](https://developer.mozilla.org/ja/docs/Web/HTML/Attributes)という属性を使用すると、どうでしょうか。特に、下記のコード例の`<audio
id="bgm" autoplay></audio>`のところですが。

[code]

    <html>
    <head>
    <script type="text/javascript">
    function selectBgm(e) {
      var selectedIndex = e.selectedIndex;
      bgm.src= e[selectedIndex].value; 
    }
    </script>
    </head>
    <body>
    <audio id="bgm" autoplay></audio>
    <form id="bgms" style="text-align:right">
      <SELECT id="bgmSelector" onchange="selectBgm(this);">
        <OPTION  value=""  selected>選曲(停止)</OPTION>
        <OPTION  value="１１１.mp3">１１１</OPTION>
        <OPTION  value="２２２.wav">２２２</OPTION>
      </SELECT>
    </form>
    </body>
    </html>
    
[/code]


CC BY-SA 3.0
2016-04-12T15:35:14.220
23967
2016-04-12T15:35:14.220
4129
23965
answer