fix mobile

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