网页播放器代码怎么写?

就像这样mp3 播放器,代码应该如何写

<!DOCTYPE html>

<html>

<body>

<div style="text-align: center;">

<button onclick="playPause()">播放/暂停</button>

<button onclick="makeBig()">大</button>

<button onclick="makeNormal()">中</button>

<button onclick="makeSmall()">小</button>

<br />


<video id="video1" width="420" style="margin-top: 15xp;" controls="controls">

<source src="/mov_bbb.mp4" type="video/mp4" />

</video>

</div>


<script type="text/javascript">

var myVideo = document.getElementById("video1");


function playPause() {

if (myVideo.paused) {

myVideo.play();

} else

myVideo.pause();

}

function makeBig(){

myVideo.width=650;

}

function makeSmall()

{

myVideo.width=320;

}

function makeNormal()

{

myVideo.width=420;

}

</script>

</body>

</html>


这个应该能用上,改成你需要的用用吧


效果是这样的

希望可以帮到你

温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-10-29
  解决方法:
在网页上看到的播放器无外乎WMP/RealPlayer/Flash
Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。
例如:网络上最流行的windows media流(asf,wma,wmv
格式),Real流(rm,rmvb格式),还有MPEG系列编码格式(MP4,MP3格式)。下面是常见网页播放器代码

1、使用Embed 标签播放多媒体文件

格式。其中文件名可以取任何一种多媒体文件格式,例如
"test.wma",就会在网页上显示一个 Windows Media Player 播放器(因为 wma 是 WMP 专用的),另如
"test.rm",就会在网页上显示一个 Real Player 播放器。当然,你的计算机上必须安装了 RealPlayer 才可以显示。

其实 embed 标签还可以显示 Flash 动画(这时embed 标签的作用跟用 object 标签显示 Flash 动画的差不多),例子:

总之,归纳 embed 标签的作用: 在网页上播放指定的多媒体文件。

2、调用Windows Media Player 进行播放

可用来来播放 wmv,asf 等格式文件

Windows Media Player 7 及更高版本的 class ID 是:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6

上面例子中的 class ID 是一个老的版本,但是依然可以工作,这是因为其向后兼容性。但是如果使用了老的 class ID,就无法使用增加到组件中的新特性了。

下面给出新版本的例子

3、调用Real Player 进行播放

可用来播放 rm,ram 等格式文件

播放框:

’ width="356" height="285">

控制框:可紧跟播放框一起
相似回答