如何在1000px以下顯示腳本

Question

我有一個腳本，但在同一頁面中使用過。 像兩次 當我在台式機上工作時我在工作時出錯，但是當我在1000px以下進行檢查時，會出現類似以下錯誤：-檢測到重復的嵌入式播放器。

我認為當我打開桌面然后顯示桌面腳本時，以及當我打開移動設備然后桌面不顯示移動腳本時，這是可行的。 請幫我怎么做。 ： -

這是我使用的腳本：

    <script type="text/javascript" id="vidyard_embed_code_kjashdwejkhsdsheh class="mobile" src="//play.vidyard.com/dskakdehjkwhewhdhshd.js?v=3.1.1&type=lightbox"></script> 

我用於此，但它顯示語法錯誤：-

   <script>
                if (jQuery(window).width() < 1000) {
 <script type="text/javascript" id="vidyard_embed_code_kjashdwejkhsdsheh class="mobile" src="//play.vidyard.com/dskakdehjkwhewhdhshd.js?v=3.1.1&type=lightbox"></script> 


     }
                  </script>

請告訴我如何解決該問題。 非常感謝

Answer 1

if (jQuery(window).width() < 1000) {
  <script type="text/javascript" ...snip...></script> 
}

該代碼是Javascript，因此您需要在Javascript中構造一個script元素，然后將其手動添加到文檔中。

var headElem   = document.getElementsByTagName('head')[0];
var scriptElem = document.createElement("script");
scriptElem.type = "text/javascript";

if (jQuery(window).width() < 1000) {
   scriptElem.src = "play.vidyard.com/dskakdehjkwhewhdhshd.js?v=3.1.1&type=lightbox";
   scriptElem.class = "mobile";
}
else {
   scriptElem.src = "desktop.vidyard.com/.......js";
   scriptElem.class = "desktop";
}

headElem.appendChild(scriptElem);