using bootstrap 3 audio player but it shows normal html5 output
Question
I am using Bootstrap 3 player to output audio player but the page shows me normal black html5 audio player output.
Here is my directory structure:
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
Here is my View code(using code-igniter):
<!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>
1 answers
solution1
0 2016-11-27 22:55:34
Cut this:
<script src="http://localhost/miuse/bootstrap3_player-master/js/bootstrap3_player.js"></script>
and paste it in the body tag.
<!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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Embeddable html5 audio player
How to play many audio files with one html5 audio player
Problem when using echo'd ++$value in javascript as part of a html5 audio player page
play audio using in html5?
Can Html5 audio player play more then one song
HTML5 Audio player only works on first mp3
when i normally run html bootstrap enabled code, it shows proper output but when i load it using codeigniter view it shows different output
Dynamic HTML audio player
HTML5 Audio Streaming
HTML5 Audio element
Related Tags