Scribble Maps ヘルプセンター
言語を変更

マーカーのポップアップに動画、Telegramの投稿、その他のメディアを追加する

マーカーのポップアップ内に動画、音声クリップ、またはソーシャルメディアの投稿を配置できます。ポップアップ内で直接再生されるため、閲覧者が地図から離れることはありません。

埋め込みコードを追加する

  1. 上部ツールバーでEdit/Measure Toolを選択します（またはQキーを押します）。
  2. マーカーをクリックします。エディタウィンドウが開きます。
  3. Advanced Editingをクリックします。
  4. 説明ボックスの上部にあるHTMLをクリックします。
  5. 動画サイトから埋め込みコードを貼り付けます。ほとんどのサイトには、このコードを取得できるEmbedオプション付きのShareボタンがあります。
  6. Saveをクリックします。

確認するには、Hand Toolを選択してマーカーをクリックします。ポップアップ内にプレイヤーが表示されます。

編集中にVISUALに戻すと、動画は[[Embed url="..."]]のように角括弧で囲まれたショートコードとして表示されます。これは正常な動作です。保存するとプレイヤーに戻ります。

埋め込み可能なサイト

以下のサイトの埋め込みコードは、ポップアップ内で再生できます。

  • 動画: YouTube（youtube-nocookie.comを含む）、Vimeo、TikTok、Instagram、Facebook動画、Twitch、Dailymotion、Loom、Wistia、Streamable、Rumble、Internet Archive。
  • Telegram: 公開チャンネルの投稿。
  • 音声: Spotify、SoundCloud、Bandcamp。
  • その他: Google ドキュメント、Google ドライブのファイルプレビュー、Google マップの埋め込み、Matterportツアー、ウェブに公開されたPower BIレポート、Scribble Mapsの地図。

その他のサイトからの埋め込みコードは、保存時に削除されます。これはセキュリティ上のルールです。このルールは、ご自身のウェブサイト上の動画プレイヤーにも適用されます。自身でホストしている動画を表示するには、動画ファイルに直接リンクしてください（以下を参照）。

ポップアップ内でも、各サイト独自のルールが適用されます。たとえば、非公開または削除された投稿には、そのサイトの「見つかりません」というメッセージが表示されます。

Telegramの投稿

どちらの種類のコードでも使用できます。

  • Telegram独自の投稿メニューから取得できるEmbedコード（<scriptで始まり、data-telegram-postが含まれるもの）。Scribble Mapsが自動的にプレイヤーに変換します。
  • 以下のように、フレーム内の投稿へのリンク：
<iframe src="https://t.me/channelname/1234?embed=1" width="400" height="500"></iframe>

公開チャンネルの投稿のみ表示できます。プライベートグループやプライベートチャンネルの投稿は埋め込むことができません。

動画ファイルを直接再生する

動画ファイルへの直接リンク（末尾が.mp4または.webmで、httpsで始まるもの）がある場合は、これをHTMLに貼り付けます。

<video src="https://example.com/my-video.mp4" width="400"></video>

音声ファイルの場合は、<audio src="https://example.com/my-sound.mp3"></audio>を使用します。

再生コントロールと音量コントロールは常に自動で追加されるため、閲覧者はクリップを一時停止できます。動画や音声が自動的に開始されることはありません。

サイズ

プレイヤーを大きくまたは小さくするには、コード内のwidthとheightの数値を変更します。Telegram独自のEmbedコードは、幅400、高さ500のプレイヤーになります。変換後にこれらの数値を変更できます。

関連情報

最終更新