ラベル PowerPoint の投稿を表示しています。 すべての投稿を表示
ラベル PowerPoint の投稿を表示しています。 すべての投稿を表示

2017年1月25日水曜日

プレゼンで開始と終了時間を指定した Youtube の再生方法

このエントリーをはてなブックマークに追加 Evernoteにクリップ
Youtubeの開始と終了時間を指定 title

PowerPoint で作成したプレゼン資料に Youtubeの動画を使おうと思ったのですが、使いたいのは一部分だけ。Youtubeの再生で開始時間と終了時間を指定する方法がないかと探してみると、Googleの開発者向けページにYouTube 埋め込みプレーヤーとプレーヤーのパラメータ という説明ページがありました。

これをみると、start と end パラメータを使えば簡単にできそうです。

start
値: 正の整数。このパラメータを指定すると、動画の先頭から指定された秒数分進めた位置から動画の再生が開始されます。リクエストされた時間の直前から再生が開始される場合もありますが、ずれは通常、最大で 2 秒程度です。【引用:YouTube埋め込みプレーヤーのパラメータ】

end
値: 正の整数。動画の再生を停止する必要がある場合に、動画を開始してからの経過時間を秒単位で指定します。【引用:YouTube埋め込みプレーヤーのパラメータ】

ということで、さっそく実践。

Youtubeで埋め込みコードを取得する


細野晴臣 矢野顕子 - 終わりの季節 (Owari No Kisetsu) - YouTube を例にとって説明します。

① 上記をクリックして動画の下にある”共有”をクリックして”埋め込みコード”を選択
② 埋め込み用コードの下にある”もっと見る”をクリック

image

プレビューの下にあるオプションで”動画のサイズ”などを変更できます。プレゼンであれば、”動画が終わったら関連動画を表示する”のチェックはオフにします。

image

③ ここでは動画サイズで 640x360 を選択。
④ ”動画が終わったら関連動画を表示する”のチェックをオフ
⑤ 埋め込みコードをパワポにコピペ

下記が上記オプションを指定したときの埋め込みコードになります。

<iframe width="640" height="360" 
src="https://www.youtube.com/embed/dBK9_5boT4c?rel=0" frameborder="0" 
allowfullscreen></iframe> 
width と height が動画サイズ(640x360)の指定で、URLの ? の後ろにある rel=0 が動画終了後に関連動画を表示しないためのパラメータです。

開始と終了時間の指定

この埋め込コードに開始(start)と終了(end)の時間を秒単位で指定します。

<iframe width="640" height="360" 
src="https://www.youtube.com/embed/dBK9_5boT4c?rel=0;start=209;end=238"
frameborder="0" allowfullscreen></iframe> 

start=209
starが開始時間の指定で 209秒 (3分29秒)から再生されます。

end=238
endで終了時間を指定します。238秒(3分58秒)が再生終了ポイントです。

”;(コロン)” はパラメータの区切り文字です。

下記のURLから実際に3分29秒~3分58秒の動画確認できます。
https://www.youtube.com/embed/dBK9_5boT4c?rel=0;start=209;end=238

この埋め込み用のURLを使って開始時間と終了時間の調整をしましょう。

パワポにYoutubeの動画を組み込む

作成した埋め込みコードを使って、PowerPointに開始と終了時間を指定した動画を組み込みましょう。説明は PowerPoint 2016 をベースにしていますが、他のバージョンでも操作はほぼ同じです。

① 「挿入」タブを選択
② 「ビデオ」の中の「オンラインビデオ」を選択

image

③ 「ビデオの埋め込みコードから」に開始と終了時間を指定した埋め込みコードを貼り付ける

<iframe width="640" height="360" src="https://www.youtube.com/embed/dBK9_5boT4c
?rel=0;start=209;end=238" frameborder="0" allowfullscreen></iframe>

image

動画のサイズを調整して完成です。

2017-01-23

*動画はPCには保存されていないのでプレゼンのときはインターネット環境が必要です。

ブログへの貼り付け

上記の再生時間を指定した埋め込みコードはブログでも利用できるので、動画の一部分を紹介したいときにも使うことができます。