PowerCMS™
[ブログ] PowerCMS 6 でのアップデートまとめ を追加しました。
[新着情報] PowerCMS 5.21 / 4.51 の提供を開始 を追加しました。
[新着情報] アルファサードの夏期休業について を追加しました。
[よくあるご質問] ページ分割に似た名前のファイルが削除される原因はなんですか? を追加しました。
ホーム > PowerCMS > ドキュメント > スタンダード版 > オプションプラグイン >

リッチテキストで Vimeo 動画の使用とアップロード

アドオン・プラグイン
タグ

Vimeoの動画のアップロードとフォーマット「リッチテキスト」で Vimeo の動画を埋め込むことができます。(このプラグインを使用するには Vimeo のアカウントが必要です)

機能

  • 管理画面からVimeoに動画をアップロードが可能
  • リッチテキストでアップロードした動画の挿入が可能

プラグインのインストール

  1. PowerCMS のパッケージを解凍する。
  2. options/plugins の中にある Vimeo フォルダをサーバーの /path/to/mt/plugins ディレクトリ内にフォルダごとアップロードする。
  3. options/mt-static の中にある Vimeo フォルダをサーバーの /path/to/mt/mt-static ディレクトリ内にフォルダごとアップロードする。

※ /path/to/mt は PowerCMS の設置ディレクトリに読み替えてください。

※ PSGI 環境の場合はプラグインを認識させるため、プロセスの再起動が必要です

Vimeo Developer API 設定

PowerCMS で Vimeo の動画をアップロードと使用するには Vimeo のトークンを取得する必要があります。

※ 下記手順の中で Vimeo に認証を求められた場合はログインしてください。

  1. Vimeo Developer APIへアクセスする。
  2. 「Get started」のボタンをクリックする。
  3. 「Create a new app」画面で各項目へ入力し「Create App」ボタンを選択し、アプリケーションを登録する。

    Create Appでアプリを作成の画像

  4. 登録後、設定画面内の[Authentication]で下記の表を元に設定し「Generate」をクリックする。

    設定項目 設定内容
    [Generation an access token]
    「Authenticated(you)」 チェックする。
    [Scopes]
    「Public (required)」 チェックする。
    「Private」 チェックする。
    「Upload」 チェックする。

    ※ Vimeo Data API 設定のスクリーンショット アクセストークンの作成画面の画像

  5. 「Personal Access Tokens」の「Token」のコードは後にPowerCMS のプラグイン設定で利用します。コピーをして控えといてください。

    生成したtoken一覧画面

PowerCMS の設定

  1. PowerCMS の管理画面のシステム の左メニューの「設定」>「プラグイン」をクリックし「システムのプラグイン設定」へ移動する。
  2. プラグイン「Vimeo」を選択し「設定」タブをクリックする。
  3. 「Vimeo Token」の入力欄に小見出し[Vimeo Developer API]の手順.5の「Token」を入力し「変更を保存」をクリックする。

    プラグイン設定のVimeoの設定画面

    項目 内容
    Vimeo Token 小見出し[Vimeo Developer API]の手順.5で生成した「Token」を入力する。
    デフォルトの埋め込みサイズ(px) リッチテキストで Vimeo の動画を挿入時の埋め込みサイズの指定で、初期値の値を指定できます。
  4. PowerCMS の管理画面のシステム の左メニューの「設定」>「PowerCMS」をクリックし「PowerCMS 設定」画面へ移動する。
  5. リッチテキストで「Vimeo」のアイコンを追加するために「TinyMCE 設定」で下記の内容を設定し「保存」をクリックする。

    項目 説明 設定内容
    advanced_buttons 任意の「 advanced_buttons 」の「,|,」区切りで設定内容を追加する。 vimeo

    TinyMCE の設定画面

  6. ここまでを完了するとリッチテキストでVimeo の動画の使用とアップロードができます。

使用方法

  1. 記事/ウェブページの編集画面のフォーマット「リッチテキスト」で「Vimeo」のアイコンをクリックする。

    vimeoのアイコン

  2. 「Vimeo 動画 の挿入画面」で「ファイルを選択」をクリックし Vimeo にアップロードしたい動画を選択する。

    ※Vimeo へアップロードする動画のタイトルは自動的に動画ファイル名となります。

    Vimeoに動画をアップロード

  3. アップロードが完了すると「あなたの動画」で動画が表示されるので、動画を選択し「挿入」をクリックする。

    アップロードした動画の一覧

  4. 埋め込みサイズ(px)で任意の値を入力し「OK」をクリックする

    埋め込みサイズの変更画面

  5. リッチテキストで Vimeo の動画が挿入されます。

    リッチテキストに動画が挿入された画面

制限事項

  • PowerCMS の管理画面からは Vimeo にアップロードした動画のタイトルの編集や削除できません。
  • TinyMCE 3 には対応をしておりません。

お問い合わせ

お問い合わせフォームがご利用できない場合は、以下のメールアドレスからも受け付けております。
contact@alfasado.jp

製品資料ダウンロード

パンフレットデータ、提案用資料などがダウンロードできます。