I.D. Help Center
レベル:中級

Fireworkの動画をいれたい

💡

HTMLフリー入力モジュールを使うことで、Fireworkの動画をいれることが可能です。

自由度が高いため記載するHTMLの中身に関しては、貴社のご判断・ご責任のもとでご対応をお願いいたします。 ⚠️HTML入力時の禁止事項を必ずお読みください。

⚠️ 注意事項

不正なHTMLを入力するとページ全体が崩れる恐れがあり、記載されたHTMLの中身に関しては、当社では一切の責任を負いかねます。

詳しくはHTMLフリー入力モジュールの禁止事項 をよく読み慎重にご利用ください。

01. 『HTMLフリー入力』モジュールを選択する

モジュールとモジュールの『+』ボタンから 『HTMLフリー入力』モジュールを選択してください

スクリーンショット 2025-09-09 14.02.11.png

スクリーンショット 2025-09-09 14.04.08.png

02. Fireworkタグを入力する

Fireworkから発行したタグを入力してください

※一度『保存』をすることで、CMSに表示されるようになりますが、『03. 見え方を調整する』を行なってから保存してください。

スクリーンショット 2025-09-09 14.05.53.png

03. 見え方を調整する

動画の上下左右のマージン等が指定されていないので、PCにした際に全画面に横幅が表示されてしまいます。

下記の例を参考に、見え方を調整してください。

<div style="margin: 60px auto; width: 340px; height: 600px;">

<script async src=XXXXXXXXXXXXXXXX></script>
<fw-storyblock
channel="XXXXXXXXXXX"
playlist="XXXXXXX"
autoplay="XXXXX"

</fw-storyblock>

</div>
  • グレーのテキストがFireworkのタグとなります。

  • 『margin: 60px auto』動画の上下の余白を指定します。数字を変更して調整してください。

  • 『width: 340px』動画の横幅を指定します。数字を変更して調整してください。

  • 『height: 600px;』動画の縦幅を指定します。数字を変更して調整してください。

arrow_back

一覧へ戻る