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);

如何在1000px以下显示脚本

1 个答案: