从嵌入的YouTube视频中删除css样式

Question

<div id="videos">
   <div id="channel_div" style="display: block;">
      <div style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 555px;" class="firstVideo">
      .. trimmed <table here> 

      </div>
      <div style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 555px;">
       .. trimmed <table here>
      </div>
   </div>
</div>

我上面的片段和div内部的channel_div来自youtube的样式,宽度限制打破了UI.

如何用jquery删除这些样式？

我尝试了这个问题的建议如下:

$('#channel_div div').removeAttr('style');

还试过这个:

$('#channel_div > div').removeAttr('style');

但这些都没有奏效.我只想将宽度添加为300px.

有人可以就此提供指导.

Answer 1

您无法对来自远程域的 iframe 执行此操作。

但是，您可能可以使用 php 并在内部获取远程文件以删除服务器端的这些参数，或者甚至可以使用 jquery 通过加载获取的文件并将其设为内部嵌入。

另外，如果只是宽度问题，您是否尝试过添加 CSS 规则？

.firstVideo { max-width: 300px !important; } 

我在手机上，所以我现在确实无法测试它。