2017-04-16 17 views
0

マウス入力イベントでオーディオを再生しようとしていますが、オーディオ再生がありません。それはCodepen(http://codepen.io/adamfaraj/pen/QpRjKL)で動作しますが、自分のコードをAtomにインポートしても機能しません。 コードはここにあります。JQueryを使用してオーディオが再生されない

<script src="jquery-3.2.1.min.js"></script> 
<script src="audio.js" type ="text/javascript" ></script> 

<div id="nas-container"> 
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Nas-04.jpg/220px-Nas-04.jpg" id="nas"> 
<span id="nas-text">Nas</span> 
</div> 
<audio id="nasmp3" preload="auto"> 
<source src="https://old.undergroundhiphop.com/media/audios/320kbps/oldschool/Nas_Represent_OldSchool_320VBR.mp3"></source> 
</audio> 

Audio.jsファイル:

var nas_mp3 = $("#nasmp3")[0]; 
$("#nas") 
.mouseenter(function() { 
nas_mp3.play(); 
}); 
var nas_mp3 = $("#nasmp3")[0]; 
$("#nas") 
.mouseout(function() { 
nas_mp3.pause(); 
}); 

任意のアイデア

var nas_mp3 = $("#nasmp3")[0]; 
$("#nas") 
.mouseenter(function() { 
nas_mp3.play(); 
}); 
var nas_mp3 = $("#nasmp3")[0]; 
$("#nas") 
.mouseout(function() { 
nas_mp3.pause(); 
}); 

は、ここで私はアトム HTMLで持っている何ですか?

+0

ファイルを正しくインポートしましたか? '

関連する問題