使用例
リロード時・クリップ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>
Updated 21 days ago