[英]using bootstrap 3 audio player but it shows normal html5 output
我使用Bootstrap 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
這是我的View代碼(使用代碼點火器):
<!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>
切這個:
<script src="http://localhost/miuse/bootstrap3_player-master/js/bootstrap3_player.js"></script>
並將其粘貼到body標簽中。
<!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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.