ソースクリッププレーヤーの配置およびレイアウトを直接設定し、Webページに設置します。

Playerの設置

ソースクリップの配置とレイアウトを設定したうえで、Webページに設置し、コンテナレイアウトのスタイルを指定します。

以下のコードを適用することで、基本的なプレーヤーを実行できます。

パートナーID は、パートナー契約を完了した後, モビドゥ担当者から案内されるか、直接お問い合わせいただけます。

クリップ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>
      window.addEventListener('load', () => {
        // パートナーIDとクリップIDを入力してください
        window.SauceClipPlayerLib.setInit({
          partnerUniqueId: 'パートナーID',
          clipId: 'クリップID',
          elementId: 'root'
        });
        window.SauceClipPlayerLib.load();
      });
    </script>
  </body>
</html>