在ios10+的safair中實現視頻的自動播放

     在ios10開始safair又開始支持自動播放了。。。陰吹死婷。。只需要在video上加上muted這個屬性。並且設置為true，然后加上autoplay就可以自動播放視頻，but！！！！加了muted就相當於是設置了視頻靜音了。所以視頻沒有聲音。或者說視頻本身沒有音軌的。就可以自動播放。這個還是比較雞肋的。沒啥太大的用處，不過另外一個屬性就很有用了。那就是playsinline屬性，這個屬性可以讓我們的視頻在瀏覽器中不必以全屏的形式播放。再配合video.webkitEnterFullScreen();就可以在必要的時候以全屏形式播放視頻了，如下：

      

<video id="video" muted autoplay playsinline src="http://www.runoob.com/try/demo_source/movie.mp4" poster="https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/whfpf%3D82%2C102%2C50/sign=6df3ad943cc79f3d8fb4b770dc9cf523/4ec2d5628535e5dd43df4db471c6a7efcf1b62ee.jpg"></video>
    <button id="playButton">Play</button>
    <button id="enterFull">Full</button>

<script>
        var btn=document.getElementById("playButton");
        var fullBtn=document.getElementById("enterFull");
        var video=document.getElementById("video");
        fullBtn.addEventListener("click",function(){
           video.webkitEnterFullScreen();
        },false)
        btn.addEventListener("click",function(){
           video.play()
        },false)
</script>