モバイルでのブラウザ検出とデスクトップ上の別のコード

Question

私はこれを行うには非常に多くの方法を試しました。私が持っているものは、ページの上部にストリーミングラジオプレーヤーがあるウェブサイトです。通常、私は持っているだけで、デフォルト指定したスクリプト

<center> 
    <!--Wavestreaming.com SHOUTcast Flash Player--> 
    <script type="text/javascript" src="http://player.wavestreamer.com/cgi-bin/swf.js?id=A7GCMO5PSJJE1EC9"></script>.   
    <script type="text/javascript" src="http://www.syracusehiphop.com/wp-content/uploads/2012/04/scriptfornoflashtext.js.txt"></script>      
</center> 

それは、もちろん、すべてのデスクトップブラウザ上で正常に動作しますが、iPadから誰かやタブレットが来るとき、私は彼らも聞くことができるようにしたいです。

私はシンプルなHTML5コードを使用していますが、もちろんモバイルブラウザでしか動作しないため、複数のMIMEタイプを指定しない限りデスクトップブラウザでは再生できませんが、それを提供するのは難しいです。

私は複数の「ELSE IF」コードを試してみましたが、携帯電話やタブレットブラウザでHTML5を表示してから、デフォルトのスクリプトとHTML5を重ねて表示していました。デスクトップ

これは、あなたがそのようなjavascriptの内部でHTMLマークアップを置くことができない私の最新の試み

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    if ($.browser.msie) 
    { 
     <center> <!--Wavestreaming.com SHOUTcast Flash Player--> 
      <script type="text/javascript" src="http://player.wavestreamer.com/cgi-bin/swf.js?id=A7GCMO5PSJJE1EC9"></script>. 
      <script type="text/javascript" src="http://www.syracusehiphop.com/wp-content/uploads/2012/04/scriptfornoflashtext.js.txt"></script> 
     </center> 
} 
else if ($.browser.mozilla) 
{ 
    <center> 
     <!--Wavestreaming.com SHOUTcast Flash Player--> 
     <script type="text/javascript" src="http://player.wavestreamer.com/cgi-bin/swf.js?id=A7GCMO5PSJJE1EC9"></script>. 
     <script type="text/javascript" src="http://www.syracusehiphop.com/wp-content/uploads/2012/04/scriptfornoflashtext.js.txt"></script> 
    </center> 
} 
else if ($.browser.webkit || $.browser.safari) 
{ 
    <center> 
     <!--Wavestreaming.com SHOUTcast Flash Player--> 
     <script type="text/javascript" src="http://player.wavestreamer.com/cgi-bin/swf.js?id=A7GCMO5PSJJE1EC9"></script>. 
     <script type="text/javascript" src="http://www.syracusehiphop.com/wp-content/uploads/2012/04/scriptfornoflashtext.js.txt"></script> 
    </center> 
} 
else if ($.browser.opera) 
{ 
    <center> 
     <!--Wavestreaming.com SHOUTcast Flash Player--> 
     <script type="text/javascript" src="http://player.wavestreamer.com/cgi-bin/swf.js?id=A7GCMO5PSJJE1EC9"></script>. 
     <script type="text/javascript" src="http://www.syracusehiphop.com/wp-content/uploads/2012/04/scriptfornoflashtext.js.txt"></script> 
    </center> 
} 
else if ($mobile_browser) 
{ 
    <audio controls="controls"> 
     <source src="http://delicious.wavestreamer.com:3057/listen.pls" type="audio/mpeg" /> 
    </audio> 
}) 
</script> 

Answer 1

です。

モバイルベータを最初に確認してから、その場合はモバイルコードを適用することをおすすめします。すべてのデスクトップブラウザで同じコードを使用している場合は、ブラウザごとに確認する必要はありません。

ではなく、HTMLマークアップのこれを試してみてください：

var script = document.createElement('script'); 
script.type = 'text/javascript'; 
script.src = url; 
$("#someElement").append(script); 

（Can't append <script> elementから）

を私はどのようにjQueryとJavaScriptの作業、およびそれらがどのようにDOMとの相互作用にまで読んで推薦します。 http://www.w3schools.com/js/js_intro.aspは良いスタート地点です。