Commit 87b252892f3f94489208e742396a7b10fca632b4
1 parent
4061f3f8
fix mobile
Showing
2 changed files
with
18 additions
and
11 deletions
src/player-fuben.html
| @@ -2,21 +2,28 @@ | @@ -2,21 +2,28 @@ | ||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | <head> | 3 | <head> |
| 4 | <meta charset="UTF-8"> | 4 | <meta charset="UTF-8"> |
| 5 | - <meta name="renderer" content="webkit"> | ||
| 6 | <title>互动编程</title> | 5 | <title>互动编程</title> |
| 7 | - <link rel="stylesheet" href="css/responsive/css/bootstrap.min.css"> | ||
| 8 | - <script> | ||
| 9 | - var gxb_api = "https://restful.gaoxiaobang.com"; | ||
| 10 | - </script> | 6 | + <link rel="stylesheet" href="js/audioPlayer/theme.default.css"> |
| 11 | 7 | ||
| 12 | <script src="js/jquery-1.7.1.js"></script> | 8 | <script src="js/jquery-1.7.1.js"></script> |
| 13 | - <script src="js/bootstrap.js"></script> | ||
| 14 | - | 9 | + <script type="text/javascript" src="js/audioPlayer/jQuery.AudioPlayer.js"></script> |
| 10 | + <style> | ||
| 11 | + #componentWrapper { | ||
| 12 | + background: rebeccapurple; | ||
| 13 | + } | ||
| 14 | + </style> | ||
| 15 | </head> | 15 | </head> |
| 16 | <body> | 16 | <body> |
| 17 | - <audio id="dawang" controls="controls" src="../static/dawangjiaowolaixunsan.mp3"></audio> | ||
| 18 | - <audio id="dawang" controls="controls" src="http://gxb-file.oss-cn-beijing.aliyuncs.com/uploads/programming_audio/link/17/01/19/0b068adef5a04fa9bbca4a098a2b5fde"></audio> | ||
| 19 | - | 17 | + <div class="" id="audioWrap"></div> |
| 18 | + <script> | ||
| 19 | + $.AudioPlayer.init({ | ||
| 20 | + container: '#audioWrap' | ||
| 21 | + ,source: "http://7xrm8d.com1.z0.glb.clouddn.com/dawangjiaowolaixunsan.mp3" | ||
| 22 | + ,imagePath: 'js/audioPlayer/image' | ||
| 23 | + ,debuggers: false | ||
| 24 | + ,allowSeek: false | ||
| 25 | + }); | ||
| 26 | + </script> | ||
| 20 | </body> | 27 | </body> |
| 21 | </html> | 28 | </html> |
| 22 | 29 |
src/player.html
| @@ -171,7 +171,7 @@ | @@ -171,7 +171,7 @@ | ||
| 171 | .m-title-wrap{ | 171 | .m-title-wrap{ |
| 172 | display: none; | 172 | display: none; |
| 173 | } | 173 | } |
| 174 | - @media screen and (max-device-width: 414px) { | 174 | + @media screen and (max-device-width: 480px) { |
| 175 | .m-title-wrap{ | 175 | .m-title-wrap{ |
| 176 | display: block; | 176 | display: block; |
| 177 | width: 100%; | 177 | width: 100%; |