网页中嵌入widow media player播放器插件

最新推荐文章于 2020-11-02 17:14:27 发布

weixin_34357928

最新推荐文章于 2020-11-02 17:14:27 发布

阅读量159

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liyou-blog/archive/2009/09/07/1562086.html

本文介绍如何使用MediaPlayer7.1以上版本创建自定义播放器，包括隐藏播放条并通过JavaScript实现播放控制的方法。提供了具体的OBJECT标签配置及JS代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很简单的，放在着方便我快速查阅。
media player7.1以上的播放器：

<OBJECT id=my_mp

style="LEFT: 0px; WIDTH: 341px; TOP: 0px; HEIGHT: 237px" height=200

width=304 classid=clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6 VIEWASTEXT>

</OBJECT>

该object可以插入一个不带有media player自己的播放条的播放器。播放功能要自己写js
如果要自带的播放条，修改参数uiMode = full，不过他只是显示播放条，没有真正的功能，要修改参数enabled = -1
来激活播放条的功能。

如果写js，可以这样：

my_mp_PlayStateChange();

</SCRIPT>

var p_length = 228; // 进度条长度

var p_left = 70; // 进度条与左恻边缘的距离

var v_top = 230; // 音量条与上恻边缘的距离（这里音量条美工是用的上下移动层）

var default_vol = 50; // 默认音量

// 下面所有Layer6，Layer7的display=none的代码都可以不要，看具体情况

function my_mp_bar()

{

if (my_mp.playState == 3)

{

Layer6.style.left = (my_mp.controls.currentPosition/my_mp.currentMedia.duration)*p_length +p_left;

} else

{

Layer6.style.display = "none";

Layer7.style.display = "none";

}

window.setTimeout('my_mp_bar()',1000);

}

function my_mp_PlayStateChange()

{

Layer6.style.display = "none";

Layer7.style.display = "none";

if (my_mp.playState == 3)

{

img_play.src = "/vidio/play_2.gif";

Layer6.style.display = "block";

Layer7.style.display = "block";

}

//--------------------------------------------------------

var index;

function setpos()

{

if(Layer6.style.left.length==4)

my_mp.controls.currentPosition=(((Layer6.style.left.slice(0,2)-p_left)/p_length)*my_mp.currentMedia.duration);

else

my_mp.controls.currentPosition=(((Layer6.style.left.slice(0,3)-p_left)/p_length)*my_mp.currentMedia.duration);

}

function setvol()

{

my_mp.settings.volume=default_vol+((v_top-Layer7.style.top.slice(0,3))*100/60);

}

function playVideo()

{

try

{

my_mp.controls.play();

img_play.src = "/vidio/play_2.gif";

img_stop.src = "/vidio/stop.gif";

img_pause.src = "/vidio/pause.gif";

}catch(e)

{}

}

function pauseVideo()

{

try

{

my_mp.controls.pause();

img_play.src = "/vidio/play.gif";

img_stop.src = "/vidio/stop.gif";

img_pause.src = "/vidio/pause_2.gif";

}catch(e)

{}

}

function stopVideo()

{

try

{

my_mp.controls.stop();;

img_play.src = "/vidio/play.gif";

img_stop.src = "/vidio/stop_2.gif";

img_pause.src = "/vidio/pause.gif";

} catch(e)

{}

}

function reverseVideo()

{

my_mp.controls.fastReverse();

}

function forwardVideo()

{

my_mp.controls.fastForward();

}

function videoVol()

{

if (my_mp.settings.mute)

{

my_mp.settings.mute = 0;

img_vol.src = "/vidio/quiet_2.gif";

Layer7.style.display = "block";

}

else

{

my_mp.settings.mute = 1;

img_vol.src = "/vidio/quiet_1.gif";

Layer7.style.display = "none";

}

function videoScreen()

{

if (my_mp.playState == 3)

my_mp.fullScreen = true;

}

function restartVideo(url, i)

{

// now, same video

stopVideo();

document.my_mp.URL = url;

clearAllInfo();

playVideo();

}

function clearAllInfo()

{

}

document.my_mp.URL = "

.."

my_mp.settings.volume = default_vol;

img_vol.src = "/vidio/quiet_2.gif";

my_mp_bar();

var returnValue = "";

</script>

类似的js一般在线影院有很多，稍有不同。

转载于:https://www.cnblogs.com/liyou-blog/archive/2009/09/07/1562086.html