爲什麼YouTube嵌入式代碼在三星等任何智能手機上都不起作用？

我正在使用Youtube嵌入式代碼在我的網站上顯示我的視頻。要顯示此視頻我正在使用Jquery插件和Youtube嵌入代碼。爲什麼YouTube嵌入式代碼在三星等任何智能手機上都不起作用？

問題我的視頻無法在三星智能手機上播放或顯示。

這裏是我的JS代碼

$(document).ready(function() { 
var first_child = $(".url").first().text(); 
     $("<iframe id=videos class=" + first_child + " width=701 height=400 src='https://www.youtube.com/embed/" + first_child + "?rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>").appendTo('#video'); 
     $('ul#vurl li').on('click', function() 
     { 
      var newname = $(this).children('span.url').text(); 
      if ($('#video>iframe').hasClass(first_child)) { 

       $('#video').html(""); 
       $("<iframe class=" + newname + " width=701 height=400 src='https://www.youtube.com/embed/" + newname + "?autoplay=1&rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>").appendTo('#video'); 
      } 
      if ($('#video>iframe').hasClass(newname)) { 

       $('#video').html(""); 
       $("<iframe class=" + newname + " width=701 height=400 src='https://www.youtube.com/embed/" + newname + "?autoplay=1&rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>").appendTo('#video'); 
      } else { 
       $('#video').html(""); 
       $("<iframe class=" + newname + " width=701 height=400 src='https://www.youtube.com/embed/" + newname + "?autoplay=1&rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>").appendTo('#video'); 
      } 
     } 
     ); 
    });

這是HTML的結果用戶點擊後，我的視頻

<div class="wrapper "> 
     <div class="bg-gray"> 
      <div class="col-lg-9"> 
       <div class="data" id="video"></div> 
      </div> 
      <div class="col-lg-3"> 
       <div class="data"> 
        <ul id="vurl"> 

         <li class="video_title"><a class="no">title </a><span class="url" style="display: none;">T1JbM8Oged0</span></li> 
         <li class="video_title"><a class="no">Kham New MV </a><span class="url" style="display: none;">AfBne0tKMCw</span></li> 
         <li class="video_title"><a class="no">Title</a><span class="url" style="display: none;">0ynW4eg70uA</span></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div>

來源

2015-12-15 Heng Sopheak

那不行 –

您使用的HTML字符串作爲選擇。嘗試使用元素的ID作爲選擇，並追加HTML字符串給它：

$('#video').append("<iframe class=" + newname + " width=701 height=400 src='https://www.youtube.com/embed/" + newname + "?autoplay=1&rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>");

來源

2015-12-15 08:30:28 raduation

它仍然無法正常工作 –

是否與任何其他設備的工作一樣嗎？如果你將它硬編碼到HTML中，嵌入是否工作？ – raduation

雖然三星的其他設備的一些工作是工作但它不適用於三星Galaxy A8。 –

爲什麼YouTube嵌入式代碼在三星等任何智能手機上都不起作用？

回答

相關問題