Question

我正在尝试使用自定义图片替换网站上的视频图标。我以为我在页脚中使用了attr功能，但是我没有任何结果。我错过了什么？

图标位于YouTube视频链接中，电影＆＃34;电影＆＃34;我的客户网站http://www.sunsetstudiosent.com

上的部分

我目前的代码：

  <script>
    $(document).ready(function () {
      $(".sqs-video-icon").attr("src", "https://static1.squarespace.com/static/50e3caa8e4b0c2f4977139be/t/5aad883e88251b563049bb78/1521322046538/play_icon.png");
    });
  </script>

它似乎是从Squarespace上的股票图像中获取网址，但我不确定如何让这项更改发挥作用。

image code window for url

.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
    background-image: url('//static.squarespace.com/universal/images-v6/damask/play-button@2x.png');
    background-size: 33px;
}
.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent url('//static.squarespace.com/universal/images-v6/damask/play-button.png') center center no-repeat;
        background-image: url("//static.squarespace.com/universal/images-v6/damask/play-button.png");
        background-size: auto auto;
    height: 48px;
    width: 48px;
    margin-left: -24px;
    margin-top: -24px;
    cursor: pointer;

谢谢。

Answer 1

您可以在“sqs-video-icon”div中插入“img”标签并使用以下代码：

$(document).ready(function () {
  $(".sqs-video-icon > img").attr("src", "https://static1.squarespace.com/static/50e3caa8e4b0c2f4977139be/t/5aad883e88251b563049bb78/1521322046538/play_icon.png");
});

用JQuery替换Squarespace中的默认图像

1 个答案: