利晶設計機構博客

關注研究網站設計及SEO網站優化技術!致力于為客戶提供最專業、最有效的全方面網站設計解決方案。

訂閱RSS

手機網站觸摸屏事件自動播放音樂的代碼

類別:網站前端開發    時間:2016-02-26

這個搞了兩天終于搞定,網站的資料,不知道查了多少。分享給大家,原理就是打開手機網站的事情,用戶會觸摸屏幕,然后影響音樂事件!

<audio id="bgmusic" src="sound/s1.mp3" preload="auto" autoplay="autoplay" loop="loop"></audio>
<script>
var content = document.querySelector(".content");
content.addEventListener("touchstart", function(e){
       //e.preventDefault();
    loadbgmusic();
})
content.addEventListener("click", function(e){
  loadbgmusic();
});
 var loadbgmusic = function() {
  var audio = document.getElementById('bgmusic');
  if(audio.paused){
   audio.load();
   audio.play();
  }
 };
</script>

轉載聲明:
原載:利晶科技博客 - 關注研究最新網站設計技術及SEO網站優化!
本文鏈接:http://www.xingyiguoji.com/blog/35.html
如需轉載必須以鏈接形式注明原載或原文地址,謝謝合作!

文章分類

服務項目

友情鏈接

Copyright © 2006-2012 利晶設計機構 版權所有
自慰流水喷白浆免费看