小白提个问为什么播放器就是不运行 - 知否问答 - 万象云+社区

<!doctype html\> <html lang\="en"\> <head> <style> \*{ margin: 0; padding: 0; list-style: none; } a{ list-style: none; text-decoration: none; } .box{ width: 800px; height: 500px; border: 1px red solid; margin: 50px auto; display: flex; } .main{ background: aquamarine; flex: 5; display: flex; flex-direction: column; } .list{ background: blueviolet; flex: 1; } .player{ background: antiquewhite; flex: 5; } .controls{ flex: 1; display: flex; align-items: center; text-align: center; } .list li{ width: 100px; line-height: 30px; text-align: center; height: 30px; background: darkgoldenrod; margin-bottom: 5px; margin-left: 10px; } video{ width:100%; height: 100%; } .btn-play{flex: 1} .progress{ flex: 8; background: blue; height: 10px; overflow: hidden; } .in{ width: 10%; height: 10px; background: yellow; } .volume{ flex: 3; } .btn-full{ flex: 1; } </style>  <link rel\="stylesheet" href\="css/font-awesome.css"\> <meta charset\="UTF-8"\> <meta name\="viewport" content\="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"\> <meta http-equiv\="X-UA-Compatible" content\="ie=edge"\> <title>Document</title> </head> <body> <div class\="box"\> <div class\="main"\> <div class\="player"\> <video src\="video/回报母爱感念亲恩沙画艺术母亲.mp4" controls \></video> </div> <div class\="controls"\> <a href\="" class\="btn-play fa fa-play"\></a> <div class\="progress"\> <div class\="in"\></div> </div> <input type\="range" class\="volume"\> <a href\="" class\="btn-full fa fa-arrows-alt" \></a> </div> </div> <ul class\="list"\> <li>11111</li> <li>22222</li> <li>33333</li> </ul></div> </body> </html> <script> var playbtn\=document.querySelector(".btn-play"); var video\=document.querySelector("video"); playbtn.onclick\=function () { video.play(); } </script>

回答动态