[英]rtsp streaming vlc in html page; fullscreen function
我正在建立一个显示实时流视频的网站。 我想建立一个按钮来全屏显示此直播流。
这些是我的代码:
<title>VLC Mozilla plugin test page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<body>
<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab">
<!--param name="autostart" value="true" />
<param name="allowfullscreen" value="false" /-->
<embed type="application/x-vlc-plugin"
name="video2"
pluginspage="http://www.videolan.org"
version="VideoLAN.VLCPlugin.2"
autoplay="yes" fullscreen="false" volume="false"
width="720"height="480" id="vlc" events="True" src="rtsp://100.100.100/video.something"/></embed>
</object>
<button>
fullscreen
</button>
<script>
$( document ).ready(function() {
$("button").on('click', function(){
var video = $('object').find('embed');
console.log("founded");
video.fullscreen = true;
if(video.fullscreen === true){
console.log('fullscreen now');
} else
console.log('fullscreen not now');
});
});
</script>
</body>
它不能正常工作。 我非常感谢您的每一个建议:)
解决了伙计们! 这不是最好的方法,但是有效! 我在嵌入上删除了全屏=“ true”; 把它的ID和我的新JavaScript。
这是新的:
<title>VLC Mozilla plugin test page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<body>
<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab">
<!--param name="autostart" value="true" />
<param name="allowfullscreen" value="false" /-->
<embed type="application/x-vlc-plugin"
id="vlc"
pluginspage="http://www.videolan.org"
version="VideoLAN.VLCPlugin.2"
width="720"height="480" id="vlc" events="True" src="rtsp://host/video.something"/></embed>
</object>
<button id="fullscreen">
fullscreen
</button>
<script type="text/javascript">
$("#fullscreen").click(function () {
var a = document.getElementById('vlc').video.toggleFullscreen();
});
</script>
</body>
但是问题是,它仍然在vlc插件上全屏显示按钮。 我仍然只是想知道如何禁用vlc插件上的全屏按钮,并为此全屏设置自己的按钮。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.