首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在jquery中使用音频标签自动播放音乐?

如何在jquery中使用音频标签自动播放音乐?
EN

Stack Overflow用户
提问于 2018-05-28 20:05:24
回答 2查看 8K关注 0票数 2

我想在jquery中自动播放一个mp3文件。

我用了这段代码,

代码语言:javascript
复制
function musicStart() {
  pop = window.open('', 'back__music', 'width=100,height=100', true);
  pop.document.write('<audio controls autoplay loop><source 
  src="./music.mp3"/></audio>');
}

循环正在运行,但自动播放不起作用。

当我将autoplay="true"autoplay="1"autoplay="autoplay"添加到音频标签时,结果是相同的。

或者当我使用embed tag时,它不会重复播放音乐。

我不介意使用音频标签或嵌入标签

我该怎么做呢?

EN

回答 2

Stack Overflow用户

发布于 2018-05-28 20:12:57

$('audio')[0].play(); (假设您的页面中只有一个audio )应该可以完成这项工作。

一个基本的例子:

代码语言:javascript
复制
$('audio')[0].play();
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio controls>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4'></audio>

票数 0
EN

Stack Overflow用户

发布于 2018-05-28 20:38:34

在jQuery中,您可以这样实现:

代码语言:javascript
复制
$('.music').html('<audio controls autoplay> <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"  type="audio/mpeg"> </audio>');
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="music">

</div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50566054

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档