我是菜鸟,写了简单的网页播放视频的html代码,在安卓手机、谷歌浏览器、IE、UC浏览器播放正常。
在Foxtable 的WebBrowser控件中播放,能播放,但是存在2个播放标签(见图),请高手指点!
此主题相关图片如下:网页播放.png
网页播放视频代码如下:
<html>
<head>
<title>蓝芯OA管理系统</title>
</head>
<center>
<p>视频播放器</p>
<body>
<video id= "media" c autoplay="autoplay" poster="/EBook/html5/Splash.jpg">
<source src="视频文件地址" type="video/mp4" />
<source src="视频文件地址" type="video/ogg" />
<source src="视频文件地址" type="video/webm" />
<object data="视频文件地址" with="320" height="240" >
<embed id= "media" src="视频文件地址" autostart=true ></embed>
</object>
<object align=middle classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" class=OBJECT id="media" width=596 height=496>
<param name=Filename value="视频文件地址">
<param name="AutoStart" value=1>
<param name=ShowStatusBar value="1">
<param name="AutoRewind" value="1">
<param name="ShowControls" value="1">
<param name="ShowPositionControls" value="1">
<param name="ShowAudioControls" value="1">
<param name="ShowTracker" value="1">
<param name="ShowDisplay" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowCaptioning" value="0">
<param name="Volume" value="-1000">
<param name="AnimationAtStart" value="1">
<param name="TransparentAtStart" value="1">
<param name="AllowChangeDisplaySize" value="1">
<param name="AllowScan" value="0">
<param name="EnableContextMenu" value="1">
<param name="ClickToPlay" value="1">
</object>
<script type="text/javascript">
//自动缩放图片尺寸//参数:图片对象,最大宽度,最大高度
//width="240" height="220" preload="Metadata"
function gw_js_chgimg_wh(media,width,height)
{
var image=new Image();
image.src=media.src; //获取图像路径
var width1=image.width; //获取图像宽度
var height1=image.height; //获取图像高度
var w=width1/width;
var h=height1/height;
if(width1<width && height1<height){
media.width=width1;
media.height=height1;
}else{
if(h>w){
media.height=height;
media.width=width1*height/height1;
}else{
media.width=width;
media.height=height1*width/width1;
}
}
}
</script>
</video>
</body>
</center>
</html>
[此贴子已经被作者于2016/3/23 11:59:55编辑过]