音频元素默认控件滑块答案

【问题标题】：Audio element default controls sliders音频元素默认控件滑块
【发布时间】：2014-04-21 17:48:59
【问题描述】：

我正在尝试在我的应用中使用音频元素。

当我这样放置音频元素时：

<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

我做错了什么？

【问题讨论】：

我尝试在我的中使用 jquery ui 滑块但也不起作用
你能在你的代码所在的地方发布小提琴或页面吗？

标签： html css angularjs audio slider

【解决方案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>

【讨论】：