Fireworkの動画をページに追加する

1. 「HTMLフリー入力」モジュールを選択する

モジュール間の「＋」ボタンから、[HTMLフリー入力]モジュールを選択してください。

2. Fireworkタグを入力する

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

※「保存」をすると、この時点の内容がCMSに表示されます。「3. 見え方を調整する」まで終えてから保存してください。

3. 見え方を調整する

動画の上下左右のマージン等を指定していない場合、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>

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

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

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

4. 表示を確認する

設定後は、プレビュー画面で動画が表示されることを確認してください。動画が表示されていれば設定は完了です。