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>