レベル:中級
Fireworkの動画をいれたい
💡
HTMLフリー入力モジュールを使うことで、Fireworkの動画をいれることが可能です。
自由度が高いため記載するHTMLの中身に関しては、貴社のご判断・ご責任のもとでご対応をお願いいたします。 ⚠️HTML入力時の禁止事項を必ずお読みください。
⚠️ 注意事項
不正なHTMLを入力するとページ全体が崩れる恐れがあり、記載されたHTMLの中身に関しては、当社では一切の責任を負いかねます。
詳しくはHTMLフリー入力モジュールの禁止事項 をよく読み慎重にご利用ください。
01. 『HTMLフリー入力』モジュールを選択する
モジュールとモジュールの『+』ボタンから 『HTMLフリー入力』モジュールを選択してください


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

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;』動画の縦幅を指定します。数字を変更して調整してください。
一覧へ戻る