因为不兼容

视频右下角

哦，看到以前就有人说 z-index 改大点了，可以了

应该用驼峰命名法

用js触发一下事件吧，ios屏蔽了autoplay功能。

index.html中没写

<audio autoplay="true">

<soure src="audio/music.mp3" type="audio/mpeg" ><!-- defer等页面加载完才执行 -->

</audio>

没有认真学，后面将div的id去掉改为class了，给img添加了一个id。this就是img了。

第7行 this.setAttribute("class","paly"); 写错了应该是this.setAttribute("class","play");

paly => play

sublime text

music和page1的z-index层级问题，page1在music之后写，兄弟元素后写的则层级在music之上，这时候点击是无法点到music的，可以将两个div换位置，或者设置music的z-index：1，就可以了

应该是资源里没有音乐文件，自己随便添加一个自己喜欢的就行了

Uncaught TypeError: Cannot read property 'pause' of undefined"

autoplay属性有兼容性，像google就播不出来，但是火狐就可播出来！

em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

1vw就是视窗宽度的1%!

1vh就是视窗高度的1%！

╮(╯▽╰)╭图是多少vw，vh就按照设计搞大小，笔算，口算，计算器算都行，最快方法是用ps截图时调成百分比显示，然后拉过去就知道是百分之多少了。

     <meta http-equiv="X-UA_Compatible" content="IE=edge,chrome=1"/>

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width" />

可是下面的这个写法可以暂停，不可以再次播放

window.onload = function(){

  var play = document.getElementById("music");

    var myAudio = document.getElementsByTagName("audio")[0];

  play.onclick = function(){

  if(myAudio.paused){

  myAudio.paused = false;

  }else{

 myAudio.pause();

  }

  }

 }

我去，写错了，是 setAttribute

什么名字不知道   地址在这里 http://www.imooc.com/activity/project/project1/audio/happynewyear.mp3 

注意Javascript中事件匿名函数的写法

disc.onclick=function(){

           if(audio.play){

               audio.pause();

           }

           else{

               audio.play();     

           }

       }