javascript - javascript强制播放声音而不是下载

我最近制作了一个关于hearthstone的声卡，但当我点击本地主机上的卡（图像）时，它会播放声音（如预期），而当我点击在线主机上的卡（图像）时，它会下载文件。
有没有办法确保它总是播放声音？

<script type="text/javascript">
    $(document).ready( function() {
        $('.card').click(function(){
            $('#wrap').html('<embed id="embed_player" src="'+$(this).attr('name')+'" autostart="true" hidden="true"></embed>');
        });
    });
</script>
<div id="pictures">
    <img name="media/Sir-finly.mp3" src="media/Sir finly.gif" class="card"       id="sir-finly" alt="" />
    <img name="media/ShifterZerus.mp3" src="media/ShifterZerus.gif"    class="card" id="shifterzerus" alt="" />
    <div id="wrap"></div>
</div>

希望你们能帮我。

最佳答案

您可以使用音频标签而不是嵌入。
示例：http://codepen.io/anon/pen/LxaLMO
HTML格式

<div id="pictures">
<img name="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" src="http://megaicons.net/static/img/icons_sizes/8/178/256/numbers-1-filled-icon.png" class="card"       id="sir-finly" alt="" />
<img name="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(2).ogg" src="http://www.freeiconspng.com/uploads/number-2-two-icon-13.png"    class="card" id="shifterzerus" alt="" />
<audio id="player" src="" autoplay></audio>

JS公司

    $(document).ready( function() {
    $('.card').click(function(){
        $('#player').attr('src', $(this).attr('name'));
    });
});

文档：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

关于javascript - javascript强制播放声音而不是下载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42246976/