-2

これが機能するように、さまざまな方法を試しました。私が持っているのは、ページの上部にストリーミング ラジオ プレーヤーがある Web サイトです。通常、私はデフォルトの指定されたスクリプトしか持っていません

<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 の両方がデスクトップで互いに積み上げられていました。

これが私の最近の試みです

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

1 に答える 1

2

そのように JavaScript 内に HTML マークアップを配置することはできません。

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

HTMLマークアップの代わりにこれを試してください：

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

( <script> 要素を追加できませんから)

jQuery と JavaScript がどのように機能するか、およびそれらが DOM とどのように相互作用するかについて読むことをお勧めします。 http://www.w3schools.com/js/js_intro.aspは、開始するのに適した場所です。

于 2012-04-24T18:35:40.330 に答える