我有一個HTML文件(getStream.html
),它從一個特定的URL獲取流並顯示它。代碼如下:在HTML頁面上嵌入VLC插件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Vids</title>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body onload='player("http://mystreamaddress:8080");'>
<div id="player">
<object type="application/x-vlc-plugin"
id="vlcplayer"
width="864px"
height="540px"
classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921">
<param name="Volume" value="100" />
<param name="AutoPlay" value="true" />
<param name="AutoLoop" value="false" />
</object>
</div>
<div id="controls">
<input type="button" onclick="play();" value="Play" />
<input type="button" onclick="pause();" value="Pause" />
<input type="button" onclick="stop();" value="Stop" />
<input type="button" onclick="mute();" value="Mute" />
</div>
<script type="text/javascript" language="javascript">
var vlc = document.getElementById("vlcplayer");
function player(vid) {
try {
var options = new Array(":aspect-ratio=16:10", "--rtsp-tcp", ":no-video-title-show");
var id = vlc.playlist.add(vid,'Video',options);
vlc.playlist.playItem(id);
vlc.video.fullscreen = true;
//vlc.video.toggleFullscreen();
}
catch (ex) {
alert(ex);
}
}
function mute(){
vlc.audio.toggleMute();
}
function play(){
vlc.playlist.play();
}
function stop(){
vlc.playlist.stop();
}
function pause(){
vlc.playlist.togglePause();
}
function fullscreen(){
vlc.video.toggleFullscreen();
}
</script>
</body>
</html>
如果我有我的電腦上這一頁,我嘗試(使用IE 7/8/9),所有的作品好,打開它,但如果把這個頁面我的服務器上,並然後我訪問它從URL是這樣的:http://myserver/direcortyOfMyhtmlFile/getStream.html
頁打開,按鈕加載,但我得到了以下錯誤:
在IE8和IE9:
,在英語應該是這樣的:「我mpossible獲得的財產「添加」值:定義」
在IE7對象空或不是:
這些錯誤似乎是指在我的html反對,但是這是奇怪的我,因爲同樣的頁面在當地沒有問題。
你爲什麼標記這個問題html5? – robertc
只是一個錯誤。 – GVillani82
@ Joseph82你做了什麼來解決這個問題? – Chiranjib