브라우저 감지 기능은 모바일에만 표시되고 다른 코드는 데스크탑에 표시됩니다.

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> 

그것은 물론 모든 데스크톱 브라우저에서 잘 작동하지만 아이 패드에서 사람이나 태블릿이 올 때 내가 그들도들을 수 있어야합니다.

간단한 HTML5 코드를 사용하고 있지만 모바일 브라우저에서만 작동하므로 여러 MIME 유형을 제공하지 않으면 데스크톱 브라우저에서 재생되지 않을 수 있습니다. 그러나 제공 할 수는 없습니다.

그래서 "ELSE IF"코드를 여러 개 사용해 보았고 그럴 수 없다면 모바일 또는 태블릿 브라우저에서 HTML5를 표시하고 그 다음에 기본 스크립트와 HTML5를 서로 겹쳐서 표시하도록 할 수 있습니다. 바탕 화면

이 당신은 그런 자바 스크립트 내부 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를하고 자바 스크립트 작업, 그리고 그들이 어떻게 DOM과 상호 작용합니다. http://www.w3schools.com/js/js_intro.asp은 좋은 출발점입니다.