Dreamweave怎么在网页中给视频播放窗口预设图像-创新互联

这篇文章主要讲解了“Dreamweave怎么在网页中给视频播放窗口预设图像”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Dreamweave怎么在网页中给视频播放窗口预设图像”吧！

创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站制作、成都网站建设、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的泾源网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

　　一、从视频中获得图像

从视频中获得，主要是让视频跳到所需要的帧，然后暂停播放。下面请看在wmp与rm中的代码示例：

Window Media Player：

1、首先在BODY中添加wmp的控件：

<object id="WMVplayer" height="300" width="260" classid="CLSID：6BF52A52-394A-11d3-B153-00C04F79FAA6">

<param NAME="AutoStart" VALUE="-1">

<！--是否自动播放-->

<param NAME="url" value="video。mpg">

<！--播放的文件地址-->

</object>

2、其次在HEAD中添加js代码：

<script>

var obj，obj1；

function stopWMVplayer（）

{

if（document。getElementById（"WMVplayer"）。Controls。currentPosition>=1。1）//如果当前位置超过1。1，则停止播放，并且清除stopWMVplayer函数的执行；否则继续运行stopWMVplayer函数。

{

document。getElementById（“WMVplayer”）。Controls。Pause（）；

window。clearTimeout（obj）；

}

else

{

obj=window。setTimeout（"stopWMVplayer（）"，10）；

}

}

3、再次为body添加onload事件：

<body onload=” document。getElementById（"WMVplayer"）。Controls。currentPosition=1；stopWMVplayer（）；”>
RealOne：

1、首先在BODY中添加rm的控件：

<object classid="clsid：CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" name="RMplayer" width="300" height="240 id="RMplayer">

<param name="AUTOSTART" value="-1">

<！--是否自动播放-->

<param name="SRC" value="flower。rm">

<！--播放的文件地址-->

<param name="CONTROLS" value="Imagewindow，ControlPanel，StatusBar">

<！--指定哪些控制可见-->

</object>

2、其次在HEAD中添加js代码：

function stopRMplayer（）

{

if（document。getElementById（"RMplayer"。getPosition（）>=1100）// 如果当前位置超过1100，则停止播放，并且清除stopRMplayer函数的执行；否则继续运行

{

document。getElementById（"RMplayer"）。doPause（）；

window。clearTimeout（obj1）；

}

else

{

obj1=window。setTimeout（"stopRMplayer（）"，10）；

}

}

3、再次为body添加onload事件：

<body onload="document。getElementById（'RMplayer'）。setPosition（2500）；stopRMplayer（）； ">

二、从外部获取图像

前面主要是从视频中获得某个图像，那么我们如果需要从外部获得一张图片然后显示到窗口中，又是怎么完成呢？

Window Media Plyaer：

1、首先在BODY中添加wmp的控件：

<object id="WMVplayer" height="300" width="260" classid="CLSID：6BF52A52-394A-11d3-B153-00C04F79FAA6">

<param NAME="AutoStart" VALUE="-1">

<！--是否自动播放-->

<param NAME="PlayCount" VALUE="999">

<！—控制播放次数-->

<param NAME="url" value="movie-pic。gif">

<！--播放的文件地址-->

</object>

2、其次在HEAD中添加js代码：

<script>

Var obj；

function WMVplayer（）

{

if（（document。getElementById（"WMVplayer"）。PlayState=="1"||document。getElementById（"WMVplayer"）。PlayState=="2"）&&document。getElementById（"WMVplayer"）。url。indexOf（"movie-pic。gif"）>0）//当视频文件为图像文件时，并且播放状态为暂停或停止则开始播放视频文件

{

document。getElementById（"WMVplayer"）。url="video。mpg"；

window。clearTimeout（obj）；

}

obj=window。setTimeout（"WMVplayer（）"，10）；

}

</script>

3、再次为body添加onload事件：

<body onload="WMVplayer（）；">

RealOne：

1、首先在BODY中添加rm的控件：

<object classid="clsid：CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" name="RMplayer" width="300" height="240 d="player">

<param name="AUTOSTART" value="-1">

<！--是否自动播放-->

<param name="SRC" value="movie-pic。gif">

<！--播放文件地址-->

<param name="CONTROLS" value="Imagewindow，ControlPanel，StatusBar">

<！--指定哪些控制可见-->

<param name="LOOP" value="true">

<！--是否循环播放-->

</object>

2、其次在HEAD中添加js代码：

<script>

var obj；

function RMplayer（）

{

if（（document。getElementById（"RMplayer"）。GetPlayState（）=="4"||document。getElementById（"RMplayer"）。GetPlayState（）=="0"）&&document。getElementById（"RMplayer"）。GetSource（）。indexOf（"movie-pic。gif"）>0） //当视频文件为图像文件时，并且播放状态为暂停或停止则开始播放视频文件

{

document。getElementById（"RMplayer"）。SetSource（"flower。rm"）；

window。clearTimeout（obj）；

}

obj=window。setTimeout（"RMplayer（）"，10）；

}

</script>

3、再次为body添加onload事件：

<body onload="RMplayer（）；">　　

其实Window Media Player与RealOne中功能的实现原理基本是一致的，只是一些实现方法的语句不同而已，希望大家在使用时有所注意，关于两个播放器的其它语句的具体说明这里就不再多费口舌了，大家可以通过网络进行搜索。

感谢各位的阅读，以上就是“Dreamweave怎么在网页中给视频播放窗口预设图像”的内容了，经过本文的学习后，相信大家对Dreamweave怎么在网页中给视频播放窗口预设图像这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！

分享题目：Dreamweave怎么在网页中给视频播放窗口预设图像-创新互联
当前路径：https://www.cdcxhl.com/article6/ddghig.html

成都网站建设公司_创新互联，为您提供响应式网站、静态网站、商城网站、电子商务、域名注册、品牌网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容