#banner {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    90deg,
    #00244b 0.6%,
    #023c7d 54.48%,
    #00244b 100%
  );
}

#banner > div {
  margin: 0;
}

#banner img {
  width: 32px;
  height: 32px;
  margin: 0;
}

#banner > div > p {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 768px) {
  #banner > div > p {
    flex-direction: column;
  }
  #banner button {
    top: 16px;
    right: 8px;
  }
}

#banner a {
  /* border-radius: 100px; */
  display: inline-flex;
  border-bottom-color: #fff;
  /* border: 1px solid #5a7ca1; */
  /* padding: 6px 12px; */
}


/**
 * 处理 banner 中所有链接的目标属性
 * @returns {void}
 */
(function initBannerLinksTarget() {
  const CONFIG = {
    TIMEOUT_MS: 5000,
    BANNER_SELECTOR: '#banner',
    LINKS_SELECTOR: 'a',
    TARGET_VALUE: '_blank',
  };

  /**
   * 设置链接的目标属性
   * @param {HTMLAnchorElement[]} linkElements
   */
  function setLinksTarget(linkElements) {
    try {
      linkElements.forEach((link) => {
        link.setAttribute('target', CONFIG.TARGET_VALUE);
      });
    } catch (error) {
      console.error(error);
    }
  }

  /**
   * 查找并处理 banner 中的所有链接
   * @param {MutationObserver} observer
   * @returns {boolean} 是否成功处理
   */
  function processBannerLinks(observer) {
    const bannerElement = document.querySelector(CONFIG.BANNER_SELECTOR);
    if (!bannerElement) {
      return false;
    }

    const linkElements = Array.from(
      bannerElement.querySelectorAll(CONFIG.LINKS_SELECTOR)
    );
    if (linkElements.length === 0) {
      return false;
    }

    setLinksTarget(linkElements);
    observer.disconnect();
    return true;
  }

  // 创建 MutationObserver 实例
  const observer = new MutationObserver((mutations, obs) => {
    processBannerLinks(obs);
  });

  // 设置超时处理
  const timeoutId = setTimeout(() => {
    if (observer) {
      observer.disconnect();
    }
  }, CONFIG.TIMEOUT_MS);

  // 开始观察 DOM 变化
  observer.observe(document.body, {
    childList: true,
    subtree: true,
  });

  // 立即检查一次，以防元素已经存在
  if (processBannerLinks(observer)) {
    clearTimeout(timeoutId);
  }
})();


Runway Gen-4 is Runway ML’s cutting-edge AI model for turning still images into dynamic animations and applying creative video effects. Ideal for professionals, it enhances video projects in creative industries. Learn how to integrate it below. 

Runway Gen 4

Runway Gen 4 API Documentation

ApiKeyAuth

create video by text or image

[Kling 2.1](https://docs.pollo.ai/m/kling-ai/kling-v2-1) and [Kling 2.1 Master](https://docs.pollo.ai/m/kling-ai/kling-v2-1-master) APIs are now available on Pollo AI!

Pollo AI

Discover all you can do with our API! Pollo AI's API empowers developers to integrate advanced AI capabilities into their applications, enabling seamless video and image creation, and more.

API Introduction | Pollo AI

API Introduction

Pollo AI API Introduction

Jump into using Pollo AI's API with our Quick Start guide. Learn how to get your API keys and more!

Quick Start

Pollo AI's API solution offers competitive pricing that’s significantly more affordable than Fal AI and Replicate, making it the smart choice for developers and businesses integrating top-tier AI image and video generation models without overspending.

Pricing

Learn how to integrate Pollo AI API’s Webhook service to receive secure, authenticated notifications for video generation task completions. 

Webhooks

Pollo AI API's Model Context Protocol (MCP) server enables interaction with powerful Text/Image to video generation APIs. Learn more details here.

Pollo MCP

Get task status to the generated video or image.

Get Started

API

Runway Gen 4 API Documentation

Authorizations

Body

Response