zoukankan      html  css  js  c++  java
  • html5 audio标签切换播放音乐的方法

    html5 audio标签切换播放音乐的方法
    <pre>
    <audio id="music1" preload loop="loop"></audio>
    <div style="720px; height:60px;" luyinpath="/weiqingshu/music/music.mp3" class="ceshiqiehuan">测试1</div>
    <div style="720px; height:60px;" luyinpath="/dongjun12/music/music.mp3" class="ceshiqiehuan">测试2</div>
    <div style="720px; height:60px;" luyinpath="/kelaweiloushu/music/music.mp3" class="ceshiqiehuan">测试3</div>
    <div style="720px; height:60px;" luyinpath="/lingjuli/music/music.mp3" class="ceshiqiehuan">测试4</div>
    </pre>


    <pre>
    $('.ceshiqiehuan').each(function () {
    $(this).on('touchstart', function () {

    $('#music1')[0].pause();
    var luyinpath = $(this).attr('luyinpath');
    $('#music1').attr('src', luyinpath);
    $('#music1')[0].play();
    })
    })
    </pre>
    总结
    先pause关闭 然后更换路径 然后play播放

  • 相关阅读:
    JSP的作用域与COOKIE
    jsp数据交互
    JSP基本使用方式
    分层架构的初步理解
    JDBC的基本应用
    HTML5新标签
    弹性布局
    解决js获取兄弟节点的兼容问题
    js去重函数(封装函数)
    封装日期函数
  • 原文地址:https://www.cnblogs.com/newmiracle/p/11872578.html
Copyright © 2011-2022 走看看