htmlページのrtspストリーミングvlc。フルスクリーン機能

ライブストリーミングビデオを表示するウェブサイトを構築しています。このライブストリーミングのフルスクリーンを作るために、そのボタンを1つ作成したいと思います。htmlページのrtspストリーミングvlc。フルスクリーン機能

これらは私のコードです：

<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>

それが正常に動作傾けます。私はすべての単一のアドバイスにとても感謝しています:)

出典

2016-04-13 mr.beaniel

あなたが直面しているエラーやあなたが直面している問題を説明してください。 – ehh

ReferenceError：ビデオが定義されていません。私はコンソールでそれを得た。ライブストリーミングのフルスクリーンモードは表示されません。 –

あなたが試したこととそれがうまくいかなかった理由について説明してください。 – Rovanion

解決済みの男！それは最善の方法ではありませんが、それは動作します！埋め込みにフルスクリーン=「true」を削除しました。それと私の新しいjavascriptのIDを入れてください。

<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プラグインのフルスクリーンボタンを無効にして、このフルスクリーンのために自分のボタンを作る方法を見つけ出すだけです。

出典

2016-04-13 14:19:37

htmlページのrtspストリーミングvlc。フルスクリーン機能

答えて

関連する問題