音频元素默认控制滑块

Question

我正在尝试将元素音频用于我的应用程序。

当我把我的音频元素放在那样的时候：

<audio controls>
      <source src="http://dl.dropbox.com/u/1538714/article_resources/song.m4a" type="audio/mpeg">
</audio>

音频元素工作正常，但是当我尝试使用滑块控制音量/选择时间歌曲时我无法拖动默认控件的傻瓜，我只能点击滑块。

我想要默认行为： http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all

我做错了什么？

Answer 1

此代码将帮助您访问滑块

    

    <a class="lazyImage" href="jsImgSlider/images/image-slider-3.jpg">Slide 3</a>
    <audio preload="none" data-image="jsImgSlider/images/image-slider-5.jpg"
        data-alt="Lorem ipsum dolor sit amet" controls>
        <source data-src="prod/mcaudio.mp3" type="audio/mpeg">
        <source data-src="prod/mcaudio.ogg" type="audio/ogg">
    </audio>
</div>
<!--thumbnails-->
<div id="thumbs" data-autovideo="true">
    <div class="thumb">
        <img src="jsImgSlider/images/thumb1.jpg" /><div class="playvideo"></div>
    </div>
    <div class="thumb">
        <img src="jsImgSlider/images/thumb3.jpg" />
    </div>
    <div class="thumb">
        <img src="jsImgSlider/images/thumb5.jpg" /><div class="playvideo"></div>
    </div>
</div>