iA / Presenter / サポート / ビジュアル

動画

プレゼンにローカル動画を追加するのは、ファイルを Editor にドラッグ&ドロップするだけです。YouTube 動画に直接リンクすることもできます。

対応フォーマット

Presenter は次の動画フォーマットに対応しています。

形式 拡張子
M4V .m4v
MP4 .mp4
QuickTime .mov

Media Manager

右上の Inspector で Media Manager タブを開きます。ここでは次のことができます。

Presenter の Inspector にある Visuals タブ。

YouTube 動画を追加する

YouTube 動画を追加するには、ブラウザで URL をコピーし、Inspector の Media Manager タブにある Add YouTube Video ボタンを押して貼り付けます。

Presenter で YouTube 動画を追加している画面。

動画に Markdown を使う

Presenter は画像と動画の Markdown 構文 ![](video.mov) に対応していますが、実際には Content Blocks Syntax を使うほうが簡単です。

Presenter では動画のパスを入力して扱います。動画用には 2 つの仮想フォルダがあります。

ローカル動画の設定を変える

ローカル動画(および画像)のサイズ、位置、そのほかの設定は、Content Blocks Syntax の metadata で変更できます。動画パスの末尾にある dropdown chevron V をクリックし、好みのレイアウト設定を選んでください。

Screenshot showing how to tweak image layouts via the dropdown arrow ⬇️ at the end of the image's path.

サイズ

1. Cover

この設定では、動画がアスペクト比を保ったまま利用可能な空間をすべて埋めます。動画の比率がコンテナと一致しない場合は、一部が切り取られます。

2. Contain

Presenter では動画は container と呼ばれる空間に配置されます。レイアウトによって、container はスライド全体、カラム、あるいはグリッドレイアウト内の 1 セルになります。

動画はアスペクト比を保ったまま利用可能な空間を埋めるため、container と比率が合わない場合は上下または左右に余白が付きます。

Screenshot showing the difference between Cover and Contain for images.

位置

選べる配置は次のとおりです。

縦横の位置は、動画のアスペクト比と、それが置かれている container によって決まります。

フィルターと不透明度

ローカル動画には Lighten、Darken、Grayscale、Sepia、Blur の各フィルターをかけられ、不透明度も変更できます。ただし、これらのオプションは動画より画像のほうが効果的です。

フィルターと不透明度の設定は、YouTube に直接リンクした動画では利用できません。

YouTube 動画は空のスライドに追加するのがおすすめです。再生時に最大サイズで表示されます。

Screenshot of image filter options in the contextual menu

CSS Class

CSS に慣れている場合は、Custom Theme の中で CSS Class を作成し、画像や動画のようなプレゼン内の content block に適用できます。

Editor から Custom Theme の CSS Class を呼び出すときは、Class: your css class name という書式を使ってください。Screenshot of an image rendered as round with some CSS added to a Custom Theme.

💡 iA Presenter で画像や動画をレスポンシブに表示する仕組みはかなり複雑です。位置を無理に固定するための CSS Class や追加調整は、視聴側のデバイスによって予期しない結果を招くことがあるため、基本的にはおすすめしません。

動画設定

メインメニューから iA PresenterSettings を開き、Presentation タブで動画に関する追加設定を行えます。

Screenshot of Presenter's Settings with video control.

ビジュアル