GuidesAPI GuideChangelog
Log In
Guides

使用例

リロード時・クリップURL共有時にリンクを維持するコード

ソースクリップライブラリを使用する際、スワイプ操作を行うと、自動的に指定された クリップID がクエリパラメーターに反映されます。
特定のクリップリンクを共有したい場合は、以下のコードを使用できます。

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <script src="https://player.sauceclip.com/static/js/SauceClipPlayerLib.js"></script>
        //(ステージ環境を使用する場合は stage.player.sauceclip... に変更してください。)
  </head>
  <body>
    <div id="root"></div>
  <script>
     const url =new URLSearchParams(window.location.search)
     const clipId =url.get('clipId')

    window.addEventListener('DOMContentLoaded',()=>{
      window.SauceClipPlayerLib.setInit({ partnerUniqueId: 'memberQA', clipId: clipId?clipId: '7495' ,elementId:'root' })  
       window.SauceClipPlayerLib.setFloatingType({ type:'basic' , size :0.3})
      window.SauceClipPlayerLib.load()
    })
  </script>
  </body>
</html>

Did this page help you?
🏠 소스라이브 🎬 소스클립 🔗 소스링크 📢 소스애드
🧩 API 가이드
🆕 최근 업데이트
💬 도움이 더 필요하신가요?
메일로 문의 카카오톡 채널로 문의
담당자에게 문의하기

궁금한 점이나 불편했던 점을 남겨주시면 담당자가 확인 후 답변드릴게요.

가이드 챗봇 BETA
* AI를 활용해 답변해서 사실과 다를 수도 있어요. 더 궁금한 사항은 '담당자에게 문의하기'를 이용해주세요.
💡 궁금한 솔루션(예: 라이브, 링크 등)을 함께 적어주시면 더 정확한 답변을 받을 수 있어요.