使用bootstrap 3音频播放器，但它显示正常的html5输出
[英]using bootstrap 3 audio player but it shows normal html5 output
问题描述
I am using Bootstrap 3 player to output audio player but the page shows me normal black html5 audio player output. 
我使用Bootstrap 3播放器输出音频播放器，但页面显示我正常的黑色html5音频播放器输出。
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): 这是我的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>
1 个解决方案
解决方案1
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. 并将其粘贴到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.
相关问题
可嵌入的html5音频播放器 - Embeddable html5 audio player
如何使用一个html5音频播放器播放许多音频文件 - How to play many audio files with one html5 audio player
在 javascript 中使用 echo'd ++$value 作为 html5 音频播放器页面的一部分时出现问题 - Problem when using echo'd ++$value in javascript as part of a html5 audio player page
在html5中播放音频？ - play audio using in html5?
HTML5音频播放器可以播放多首歌曲吗 - Can Html5 audio player play more then one song
HTML5 音频播放器仅适用于第一个 mp3 - HTML5 Audio player only works on first mp3
当我正常运行启用了html bootstrap的代码时，它会显示正确的输出，但是当我使用codeigniter视图加载时，它会显示不同的输出 - when i normally run html bootstrap enabled code, it shows proper output but when i load it using codeigniter view it shows different output
动态HTML音频播放器 - Dynamic HTML audio player
HTML5音频流 - HTML5 Audio Streaming
HTML5音频元素 - HTML5 Audio element
相关标签