2016-08-11 9 views
1

ブートストラップ3プレーヤーを使用してオーディオプレーヤーを出力していますが、ページに通常の黒色html5オーディオプレーヤーの出力が表示されます。ここでブートストラップ3オーディオプレーヤーを使用していますが、通常のhtml5出力を表示します

は私のディレクトリ構造である:ここで

miuse/application 
miuse/bootstrap 
miuse/bootstrap/css 
miuse/bootstrap/js 
miuse/bootstrap3_player-master 
miuse/bootstrap3_player-master/css 
miuse/bootstrap3_player-master/js 
miuse/music 

は(コードイグナイタを使用して)私の見解コードは次のとおりです。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title> 
try 
</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<script src="http://localhost/miuse/bootstrap/js/jquery-3.1.0.min.js"></script> 
<script src="http://localhost/miuse/bootstrap/js/bootstrap.min.js"></script>  
<script src="http://localhost/miuse/bootstrap3_player-master/js/bootstrap3_player.js"></script> 
<link rel="stylesheet" href="http://localhost/miuse/bootstrap/css/bootstrap.css"> 
<link rel="stylesheet" href="http://localhost/miuse/bootstrap3_player-master/css/bootstrap3_player.css"> 
</head> 
<body> 
<div class=row> 
<audio controls> 
<source src="http://localhost/miuse/music/eyeofthetiger.mp3" type="audio/mpeg" /> 
</audio> 
</div> 
</body> 
</html> 

答えて

0

カットこの:

<script src="http://localhost/miuse/bootstrap3_player-master/js/bootstrap3_player.js"></script> 

とそれを貼り付けるにはボディタグ。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title> 
try 
</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<script src="http://localhost/miuse/bootstrap/js/jquery-3.1.0.min.js"></script> 
<script src="http://localhost/miuse/bootstrap/js/bootstrap.min.js"></script>  
<link rel="stylesheet" href="http://localhost/miuse/bootstrap/css/bootstrap.css"> 
<link rel="stylesheet" href="http://localhost/miuse/bootstrap3_player-master/css/bootstrap3_player.css"> 
</head> 
<body> 
<div class=row> 
<audio controls> 
<source src="http://localhost/miuse/music/eyeofthetiger.mp3" type="audio/mpeg" /> 
</audio> 
</div> 
<script src="http://localhost/miuse/bootstrap3_player-master/js/bootstrap3_player.js"></script> 
</body> 
</html> 
関連する問題