- Q＆A
- ストリーミング・ライブについて
- チャプター機能とは別に記事本文中に動画の開始位置を指定したリンクを設置したいのですができますか？
Q: チャプター機能とは別に、記事本文中に動画の開始位置を指定したリンクを設置したいのですができますか？
A: 2 通りの方法があります
チャプター機能を使う方法と、ソースコード (HTML) を使う方法があります。
方法 1 (❶): タイムラインリストを本文に表示
本文中にタイムラインリスト全体を表示させたい場合は、記事本文内へ {%timeline%} を記入してください。設定したチャプター (マーカー) 一覧が自動でリスト表示されます。
詳しい解説は 動画のチャプター機能を使ってみよう をご覧ください。
方法 2 (❷): 記事本文中に個別リンクを設置 (HTML コード使用)
特定の秒数に飛ぶリンクを本文中の好きな場所に設置したい場合は、以下の HTML コードを使います。
<a class="video_marker_jump" href="javascript:void(0);" data-time="秒数">リンク名</a>
「秒数」と「リンク名」を実際の値に置き換えたコード例 (7 秒目に飛ぶ、リンク名は「①」):
<a class="video_marker_jump" data-time="7" href="javascript:void(0);">①</a>
上記のコードをコピーします。
コードを本文に貼り付ける手順
- 管理画面 > ストリーミング > 動画一覧 (/movie/) または 動画追加 (/movie/add/) で、対象動画の編集画面を開きます。
- 「ソース」ボタンをクリックしてから、上記のコードをペーストしてください (必ずソース表示に切り替えてから貼り付けてください。通常のエディタ表示のままだと反映されません。)。
サイトプレビュー
視聴者がこのリンクをクリックすると、動画の 7 秒目に切り替わります。
注意事項
- このソースコードは動画の本文中でのみ有効です。ブログ記事など他のページに貼り付けても動作しません。
- 他のページから動画の開始位置を指定したリンクを設置したい場合は、別ページから動画再生ページへリンクする際に、動画の開始位置も指定する方法 をご参照ください。
- data-time 属性の値は整数の秒数で指定します (例:
data-time="90" = 1分30秒)。
関連ページ
- 動画のチャプター機能: /reference/detail/refe_id/390
- 別ページから動画の開始位置を指定する方法: /reference/detail/refe_id/425
