Ich baue eine Website, die ein Live-Streaming-Video zeigt. Ich möchte einen einzigen Button erstellen, um diesen Live-Stream im Vollbildmodus darzustellen.rtsp streaming vlc in HTML-Seite; Vollbild-Funktion
Das sind meine Code:
<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>
es kann nicht richtig funktionieren. Ich bin so dankbar für jeden einzelnen Ratschlag :)
Bitte erläutern Sie, welchen Fehler Sie bekommen oder welches Problem Sie haben. – ehh
ReferenceError: Video ist nicht definiert; Ich habe das auf der Konsole. Es wird kein Vollbildmodus für das Live-Streaming angezeigt. –
Erklären Sie auch, was Sie versucht haben und warum das nicht funktioniert hat, aber wie es Sie vielleicht näher an eine funktionierende Lösung gebracht hat. – Rovanion