VLC網頁插件添加對火狐瀏覽器的支持

時間 2019-12-08

標籤 vlc 網頁插件添加火狐瀏覽器支持欄目 HTML 简体版

原文原文鏈接

原文轉自：http://blog.csdn.net/gsls200808/article/details/25536113javascript

1.用<embed>標籤
下面這段代碼只支持火狐，不支持IEhtml

<html>  
<title>VLC 測試</title>  
<body>  
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"  
	   width="640"  
	   height="480"  
	   id="vlc">  
</embed>  
<script language="Javascript">  
	var vlc = document.getElementById("vlc");  
	var mrl="rtsp://172.16.15.186:554/12345.sdp";  
	//將地址添加到播放列表  
	vlc.playlist.add(mrl);  
	//播放  
	vlc.playlist.play();
</script>  
</body>  
</html>

2.同時支持IE和火狐的代碼
經過測試發現，IE8.0並不支持js代碼中VLC插件的接口，版本1和2都不支持，可是火狐瀏覽器支持

<html>  
<title>VLC 測試</title>  
<body>  
<!--將<embed>標籤嵌入<object>標籤內部以後能夠同時兼容IE和火狐-->  
<object classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"   
		width="640" height="480" events="True" id="vlc2">   
	<param name="MRL" value="udp://@239.255.1.1:1234" />   
	<param name="ShowDisplay" value="True" />   
	<param name="Loop" value="False" />   
	<param name="AutoPlay" value="True" />   
	<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"  
		   width="640"  
		   height="480"  
		   id="vlc">  
	</embed>  
</object>  
<script language="Javascript">  
	var vlc = document.getElementById("vlc");  
	var mrl="rtsp://172.16.15.186:554/12345.sdp"; 
	//將地址添加到播放列表  
	vlc.playlist.add(mrl);  
	//播放  
	vlc.playlist.play();
</script>  
</body>  
</html>

3.進一步精簡的代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">  
<html>  
	<head>  
		<title>VLC 測試</title>  
	</head>  
	<body>  
		<!--將<embed>標籤嵌入<object>標籤內部以後能夠同時兼容IE和火狐-->  
		<object classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8"   
				codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"   
				width="640"   
				height="480"   
				events="True"   
				id="vlc2">   
			<param name="MRL" value="udp://@239.255.1.1:1234" />   
			<param name="ShowDisplay" value="True" />   
			<param name="Loop" value="False" />   
			<param name="AutoPlay" value="True" />   
				<embed type="application/x-vlc-plugin"   
					   pluginspage="http://www.videolan.org"  
					   width="640"  
					   height="480"  
					   src="rtsp://172.16.15.186:554/12345.sdp"; 
					   id="vlc">  
				</embed>  
		</object>  
	</body>  
</html>