RCMSを利用して構築する際に共有すると便利そうなものをメモで残しました。RCMS構築時の参考としてご利用ください。
【注意事項】
記事に記載している内容については、まずは共有することを優先して、メモとして掲載しておりますので、構築のヒントとしてご利用いただく以上は想定しておりません。 記事の内容に関しては、ご指摘事項などがありましたら、お問い合わせまでご連絡ください。また、具体的な実装方法をご希望の場合は、有償レクチャーをご用意しておりますので、そちらをご利用いただくとスムーズです。
[RCMS]拡張項目の「動画ファイル」の表示
2017.05.22
- モジュール
- 記事
- 使用できる箇所
- 一部テンプレート
- 記事一覧、記事詳細
通常の呼び出し方
ext_type='player' で表示が可能です。
再生するJW Player用のjsも含めて表示されます。
選択{assign_topics_ext print=1 ext_columns=$topicsData.ext_columns.straight id='01' ext_type='player'}
動画URLのみの呼び出し方
{assign_topics_ext var=video id='01' ext_type='url' ext_columns=$cols}
※2017/05/23現在α版まで適用
選択{assign_topics_ext var=video_group id='01' ext_type='group' ext_columns=$topicsData.ext_columns.straight}
{foreach from=$video_group item=cols name=ext_item}
{assign_topics_ext var=video id='01' ext_type='url' ext_columns=$cols}
<video src="{$video}" poster="{$thumbnail}" controls loop width="100%">
<source src="{$video}" type="video/mp4">
</video>
{/foreach}
動画URLのみの呼び出し方(旧)
{assign var=video value=$cols.01.file_url}
選択{assign_topics_ext var=video_group id='01' ext_type='group' ext_columns=$topicsData.ext_columns.straight}
{foreach from=$video_group item=cols name=ext_item}
{assign var=video value=$cols.01.file_url}
<video src="{$video}" poster="{$thumbnail}" controls loop width="100%">
<source src="{$video}" type="video/mp4">
</video>
{/foreach}
実装する際の注意事項(2017/6/21追記)
JW Playerはダウンロードを段階的に行いストリーミングするようになっているため、
添付する動画のファイルサイズが10MBを超えるような大きいものの場合、こちらで実装する方がおすすめのようです。
videoタグの場合、ファイルサイズが大きくても段階的にダウンロードするようになっていない為、
ファイルサイズやネットワーク環境によっては重かったり見れなかったりする可能性もあるため
実装方法は運用も考えて検討したほうがよさそうです。