html5浏览器自带控制条怎么隐藏?如何用js控制按钮来播放?

JavaScript09

html5浏览器自带控制条怎么隐藏?如何用js控制按钮来播放?,第1张

只要去掉controls 这个参数就可以了,

例子:123<video width="352" height="264" controls autobuffer><source src=".." type='video/mp4'></source></video>

实现点击按钮控制音乐的播放和暂停。默认为播放,若想默认不播放,修改audio的autoplay属性即可。

介绍:

1、HTML标准自1999年12月发布的 HTML 4.01 后,后继的 HTML 5 和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web超文本应用技术工作组 - WHATWG) 的组织。

2、WHATWG 致力于 Web 表单和应用程序,而 W3C(World Wide Web Consortium,万维网联盟)专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

1、JS播放音乐需要区分浏览器,来使用不用的对象来播放音乐

2、在播放控制上要有【播放】和【停止】来控制音乐的播放

基于以上思路,代码如下:

<SCRIPT type="text/javascript">  

if(-1 != navigator.userAgent.indexOf("MSIE"))

{

    //不是微软IE浏览器,则调用Flash来播放音乐

    document.write(' <OBJECT id="Player"')  

    document.write(' classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"')

    document.write(' width=0 height=0 > <param name="URL" value="a.mp3" /> <param name="AutoStart" value="false" /> </OBJECT>')  

}  

else  

{

    //是微软IE浏览器,则调用微软的Player对象来直接播放音乐

    document.write(' <OBJECT id="Player"')  

    document.write(' type="application/x-ms-wmp"')  

    document.write(' autostart="false" src= "a.mp3" width=0 height=0> </OBJECT>')  

}  

</SCRIPT>  

<input type=button value="播放" onclick="Player.controls.play()" />

<input type=button value="停止" onclick="Player.controls.stop()" />