Javascript 删除嵌入的youtube内联css

我在我的wordpress上嵌入了一个youtube订阅按钮，但它的顶部有填充：150%；作为来自youtube的内联css。 我怎样才能去掉填充物，把订阅按钮放在正确的位置

您可以尝试以自己的样式覆盖类g-ytsubscribe.css中的padding top属性。

您可以尝试以自己的样式覆盖类g-ytsubscribe.css中的padding top属性。

如果您有jQuery，请尝试将其添加到html页面底部：

<script>
  $(document).ready(function() {
    var videoList = document.getElementsByClassName("fluid-width-video-wrapper"); [0].
    videoList.forEach(function(embededVideo) {
      embededVideo.setAttribute("style", "padding-top: 0px;");
    });
  });
</script>

 <script
      src="https://code.jquery.com/jquery-3.2.1.js"
      integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
      crossorigin="anonymous"></script>

$（文档）.ready（函数（）{
var videoList=document.getElementsByClassName（“流体宽度视频包装”）；[0]。
videoList.forEach（函数（嵌入式视频）{
setAttribute（“样式”，“填充顶部：0px；”）；
});
});

如果没有jQuery，请将其添加到html页面的顶部：

<script>
  $(document).ready(function() {
    var videoList = document.getElementsByClassName("fluid-width-video-wrapper"); [0].
    videoList.forEach(function(embededVideo) {
      embededVideo.setAttribute("style", "padding-top: 0px;");
    });
  });
</script>

 <script
      src="https://code.jquery.com/jquery-3.2.1.js"
      integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
      crossorigin="anonymous"></script>

---

如果您有jQuery，请尝试将其添加到html页面的底部：

<script>
  $(document).ready(function() {
    var videoList = document.getElementsByClassName("fluid-width-video-wrapper"); [0].
    videoList.forEach(function(embededVideo) {
      embededVideo.setAttribute("style", "padding-top: 0px;");
    });
  });
</script>

 <script
      src="https://code.jquery.com/jquery-3.2.1.js"
      integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
      crossorigin="anonymous"></script>

$（文档）.ready（函数（）{
var videoList=document.getElementsByClassName（“流体宽度视频包装”）；[0]。
videoList.forEach（函数（嵌入式视频）{
setAttribute（“样式”，“填充顶部：0px；”）；
});
});

如果没有jQuery，请将其添加到html页面的顶部：

<script>
  $(document).ready(function() {
    var videoList = document.getElementsByClassName("fluid-width-video-wrapper"); [0].
    videoList.forEach(function(embededVideo) {
      embededVideo.setAttribute("style", "padding-top: 0px;");
    });
  });
</script>

 <script
      src="https://code.jquery.com/jquery-3.2.1.js"
      integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
      crossorigin="anonymous"></script>

---

不可能在外部iframe中覆盖CSS。因此，当您在网站上嵌入订阅按钮或YouTube视频时，您将无法以任何方式编辑iframe中的内容

但是，可以去掉150%的填充顶部，因为它不在iframe中

在撰写本文时，YouTube的嵌入式订阅按钮代码与此类似：

<script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="MyChannel" data-layout="full" data-count="default"></div>

---

不可能在外部iframe中重写CSS。因此，当您在网站上嵌入订阅按钮或YouTube视频时，您将无法以任何方式编辑iframe中的内容

但是，可以去掉150%的填充顶部，因为它不在iframe中

在撰写本文时，YouTube的嵌入式订阅按钮代码与此类似：

<script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="MyChannel" data-layout="full" data-count="default"></div>

---

尝试添加！重要的属性。我想你甚至没有检查，重要的是已经在内联css中使用。这不起作用。请尝试使用JavaScript更改属性。这不是一个上等的解决方案，但应该可行<代码>变量x=document.getElementsByClassName（“”）；x[0].setAttribute（“样式”，“顶部填充：；”）尝试添加！重要的属性。我想你甚至没有检查，重要的是已经在内联css中使用。这不起作用。请尝试使用JavaScript更改属性。这不是一个上等的解决方案，但应该可行<代码>变量x=document.getElementsByClassName（“”）；x[0].setAttribute（“样式”，“顶部填充：；”）有人知道为什么添加了

填充顶部

吗？有人知道为什么添加了

填充顶部

？