Question

我尝试过使用它：

var bangsat = $("#changeaudio");
bangsat[0].stop();

HTML：

<embed id="changeaudio" src="anysong.wav"></embed>

我的问题是，如何使用jquery

停止嵌入标签内的音频文件

Answer 1

VM855:49 Uncaught TypeError: bangsat[0].stop is not a function因为它仅适用于IE。

您应该使用audio和video代码而不是embed。请参阅：Using HTML5 audio and video

你可以使用类似的东西：

<audio id="changeaudio" src="http://www.tagindex.net/html/embed/image/example2.wav"
  preload="auto" autoplay controls></audio>

$(document).ready(function() {
  // pause after 2 seconds.
  setTimeout(function() {
    var audio = $("#changeaudio")
    audio[0].pause()
  }, 2000)
})

Demo

请务必使用http代替https。因为音频源是http。

Answer 2

<embed />实际上并没有用于处理音频或视频的API - 您无论用户在浏览器中安装了什么插件，都会受到影响。

您应该使用的是<audio>元素。这是一个例子：

$(function() {
  var bangsat = $("#changeaudio");

  $('#start').on('click', function(e) {
    bangsat.trigger('play');
  })

  $('#stop').on('click', function(e) {
    bangsat.trigger('pause');
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<blockquote>
30 second sample from "Another Day in Paradise", <cite>by Phil Collins, from the Collins album, "...But Seriously".</cite>
</blockquote>
<p>
<audio id="changeaudio" controls>
  <source type="audio/ogg" src="https://upload.wikimedia.org/wikipedia/en/9/9f/Sample_of_%22Another_Day_in_Paradise%22.ogg">
</audio>
</p>
<p>
<button type="button" id="start">
  Start
</button>
<button type="button" id="stop">
  Stop
</button>
</p>

假设你走这条路，你应该提供多种音频格式。我建议阅读MDN文章Video and audio content了解如何以及为什么这样做，但简而言之，如果你想要对现代浏览器进行良好的报道，你应该同时拥有一个MP4文件和一个WebM文件。

如何使用jquery停止<embed />音频

2 个答案: