VLC网页插件添加对火狐浏览器的支持

桃扇骨 2022-06-17 01:20 467阅读 0赞

# [VLC网页插件添加对火狐浏览器的支持][VLC] #

2016-11-23 16:56 546人阅读 [评论][Link 1](1) 收藏 [举报][Link 2]

![category_icon.jpg][] 分类：

HTML（6） ![arrow_triangle_20_down.jpg][]

原文转自：http://blog.csdn[.NET][]/gsls200808/article/details/25536113

1.用<embed>标签  
下面这段代码只支持火狐，不支持IE

**\[javascript\]** [view plain][] [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <html> 
2.  <title>VLC 测试</title> 
3.  <body> 
4.  <embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
5.   width="640"
6.   height="480"
7.   id="vlc"> 
8.  </embed> 
9.  <script language="Javascript"> 
10. **var** vlc = document.getElementById("vlc"); 
11. **var** mrl="rtsp://172.16.15.186:554/12345.sdp"; 
12. //将地址添加到播放列表 
13.  vlc.playlist.add(mrl); 
14. //播放 
15.  vlc.playlist.play(); 
16. </script> 
17. </body> 
18. </html>

2.同时支持IE和火狐的代码  
通过测试发现，IE8.0并不支持js代码中VLC插件的接口，版本1和2都不支持，但是火狐浏览器支持

**\[javascript\]** [view plain][] [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <html> 
2.  <title>VLC 测试</title> 
3.  <body> 
4.   
5.  <object classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
6.   width="640" height="480" events="True" id="vlc2"> 
7.   <param name="MRL" value="udp://@239.255.1.1:1234" /> 
8.   <param name="ShowDisplay" value="True" /> 
9.   <param name="Loop" value="False" /> 
10.  <param name="AutoPlay" value="True" /> 
11.  <embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
12.  width="640"
13.  height="480"
14.  id="vlc"> 
15.  </embed> 
16. </object> 
17. <script language="Javascript"> 
18. **var** vlc = document.getElementById("vlc"); 
19. **var** mrl="rtsp://172.16.15.186:554/12345.sdp"; 
20. //将地址添加到播放列表 
21.  vlc.playlist.add(mrl); 
22. //播放 
23.  vlc.playlist.play(); 
24. </script> 
25. </body> 
26. </html>

3.进一步精简的代码

**\[javascript\]** [view plain][] [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 
2.  <html> 
3.   <head> 
4.   <title>VLC 测试</title> 
5.   </head> 
6.   <body> 
7.    
8.   <object classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8"
9.   codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
10.  width="640"
11.  height="480"
12.  events="True"
13.  id="vlc2"> 
14.  <param name="MRL" value="udp://@239.255.1.1:1234" /> 
15.  <param name="ShowDisplay" value="True" /> 
16.  <param name="Loop" value="False" /> 
17.  <param name="AutoPlay" value="True" /> 
18.  <embed type="application/x-vlc-plugin"
19.  pluginspage="http://www.videolan.org"
20.  width="640"
21.  height="480"
22.  src="rtsp://172.16.15.186:554/12345.sdp"; 
23.  id="vlc"> 
24.  </embed> 
25.  </object> 
26.  </body> 
27. </html>

![save_snippets.png][]

![20161123165558637][]

[VLC]: http://blog.csdn.net/u012463017/article/details/53307375
[Link 1]: http://blog.csdn.net/u012463017/article/details/53307375#comments
[Link 2]: http://blog.csdn.net/u012463017/article/details/53307375#report
[category_icon.jpg]: /images/20220617/40ad5aa8791f4df0a0aa5e1a08c6f222.png
[arrow_triangle_20_down.jpg]: /images/20220617/33c19c6576194cc394c8ebbc9ff2d25c.png
[.NET]: http://lib.csdn.net/base/dotnet
[view plain]: http://blog.csdn.net/u012463017/article/details/53307375#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/2002975
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/2002975/fork
[save_snippets.png]: /images/20220617/79be35616d714ed9bdd5d036e22a1bda.png
[20161123165558637]: /images/20220617/080199a243ac4487a23c88470d24f98d.png