FLIPPER U2：Youtubeの動画をポップアップウィンドウで開く方法を知りたい

知りたい事

YouTubeで公開されている動画をデジタルブックの紙面上にポップアップで開き、再生する方法を知りたい。

作成方法

FLIPPER U2のリンク設定画面でURL欄に、JavaScriptのwindow.open（）を設定する事で紙面の上にポップアップウィンドウとして表示することが可能となります。

但し、ポップアップウィンドウが動作するのはパソコン再生のみとなります。
モバイルで閲覧した場合は別ウィンドウで表示されます。

作成の流れは以下の通りです。

• １．YouTube動画からリンクをコピーする
• ２．FLIPPER U2のリンクを設定する

 

１．YouTube動画からリンクをコピーする

1. 動画の再生画面から、[共有] ボタンをクリックします。
   
2.  [埋め込む] ボタンをクリックし、表示された埋め込みコードの赤線の箇所をテキストエディタなどにコピーしておきます。
   

 

２．FLIPPER U2のリンクを設定する

1. FLIPPER U2を起動し、該当ブックの編集画面を開きます。
   
2. [リンク]メニューからリンクの設定画面を開き、リンクツールでページ上にリンクを設定します。
   
   
   
3. ［リンク］項目の [種別] を[特殊リンク]にします。
   
   
4. ［リンク］項目の [URL] に以下のjavascriptを入力します。
   ※ 'window.html'の部分は、手順1-2でコピーしておいたURLに変更します。
   
   javascript:NW =window.open('window.html', 'windowName','width=560,height=340');void(0)
   
   

   入力例）
   javascript:NW =window.open('https://www.youtube.com/embed/4iJrDxtFLzI', 'windowName','width=560,height=340');void(0)

   
   
   
   
5. [保存]をクリックします。
   
   
   
6. ブックデータを書き出し後、以下のいずれかで動作をご確認くださいませ。
   ※ FLIPPER U2のプレビュー機能で表示されたブックでは正しく動作しません。
   
   ・ ローカルビューアー で確認する
   
   ・ ロゴスウェアオンラインストレージ にアップロードして確認する
   　※ ご契約者のみ利用可能（有償オプション）
   
   ・ 自社のWebサーバー にアップロードして確認する
   
   

関連記事

• 画像や動画をポップアップで表示する方法が知りたい