0

ブラウザで mozGetUsermedia を確認したいのですが、存在しない場合はアラートを返します。

エフェクトには Twitter ブートストラップ Alert JS を使用し、状況を確認するには JS コードを使用しています。しかし、DOM が壊れているようで、条件が false でもメッセージが表示されます。

HTMLコード

   <div id="gum" >
     <div class="alert alert-block alert-error fade in">
       <button type="button" class="close" data-dismiss="alert">&times</button>
       <h4 class="alert-heading">mozGetUserMedia is missing</h4>
       <p>Do you have the latest<a href="http://nightly.mozilla.org/">Nightly</a> and set
          <i>media.navigator.enabled</i> to true?
       </p>
     </div>
   </div>

JS コード

    if (!navigator.mozGetUserMedia) {
    document.getElementById("gum").style.display = "block";}
4

1 に答える 1

1

デフォルトで非表示にする必要があります

<div id="gum" class="hide">

jQueryを使っているので

$(function(){
    if (!navigator.mozGetUserMedia) {
        $("#gum").show();
    }
});

デモ:フィドル

于 2013-02-09T08:19:38.093 に答える