動画を埋め込む [WEB]
テレビCFをホームページに埋め込む作業が発生しました。
忘れた頃にやってくる作業なので、以下 自分用の忘備録です。
元データはQuickTime形式 [ .mov ]なのでWindowsMedia形式 [ .wmv ]に変換する作業
大きさ:1920 × 1080 → 480 × 272
再生時間:15秒
容量:90MB→2MB
1. 映像の冒頭部分 余分な5秒をカット
.movファイルをQuickTimePlayerで開く
再生してカットしたい位置で止める
[編集]メニュー ー [クッリプを分割{cmd+Y}]
2つに分割されるので要らない部分を選択して削除
[ファイル] ー [書き出す{Shift+cmd+S}]
保存する場所を選んで、フォーマット:ムービー でそのまま書き出す
2. Microsoft Expression Encoder3でwmv形式に変換する
※movは対応してないと思ったが、QuickTimePlayerをインストールしたら認識された
Microsoft Expression Encoder3を開く
画面下の メディアコンテンツウィンドウに .mov ファイルをドラック
右上のプリセットウィンドウのシステムタブを開く
ーデバイスのエンコード
ーーWMV
ーーーVC-1 Zune HD を選択する
出力フォーマット:windowsメディア
コンテナ:WMV
ビデオコーデック:VC-1 アドバンスドプロファイル( AP)
ビデオサイズ:480×272
ビデオビットレート:1000,1500 kbps
ビデオエンコード:VBR制約あり
3. Windows Media Playerで再生して確認
4. HTMLに埋め込む
※高さはプレイヤーのコントロールの分65pxを足す
以下ソース(使うときは<タグは半角にして)
<OBJECT ID="Player" width="480" height="337"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="showcontrols" value="false">
<PARAM name="autoStart" value="true">
<PARAM name="url" value="○○○.wmv">
<embed src="○○○.wmv" width=480 height=337 showcontrols="1" autostart="1"></embed>
</OBJECT>
毎回悩むのがファイル形式ですが、結局Windows Media 形式に落ち着きます。
忘れた頃にやってくる作業なので、以下 自分用の忘備録です。
元データはQuickTime形式 [ .mov ]なのでWindowsMedia形式 [ .wmv ]に変換する作業
大きさ:1920 × 1080 → 480 × 272
再生時間:15秒
容量:90MB→2MB
1. 映像の冒頭部分 余分な5秒をカット
.movファイルをQuickTimePlayerで開く
再生してカットしたい位置で止める
[編集]メニュー ー [クッリプを分割{cmd+Y}]
2つに分割されるので要らない部分を選択して削除
[ファイル] ー [書き出す{Shift+cmd+S}]
保存する場所を選んで、フォーマット:ムービー でそのまま書き出す
2. Microsoft Expression Encoder3でwmv形式に変換する
※movは対応してないと思ったが、QuickTimePlayerをインストールしたら認識された
Microsoft Expression Encoder3を開く
画面下の メディアコンテンツウィンドウに .mov ファイルをドラック
右上のプリセットウィンドウのシステムタブを開く
ーデバイスのエンコード
ーーWMV
ーーーVC-1 Zune HD を選択する
出力フォーマット:windowsメディア
コンテナ:WMV
ビデオコーデック:VC-1 アドバンスドプロファイル( AP)
ビデオサイズ:480×272
ビデオビットレート:1000,1500 kbps
ビデオエンコード:VBR制約あり
3. Windows Media Playerで再生して確認
4. HTMLに埋め込む
※高さはプレイヤーのコントロールの分65pxを足す
以下ソース(使うときは<タグは半角にして)
<OBJECT ID="Player" width="480" height="337"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="showcontrols" value="false">
<PARAM name="autoStart" value="true">
<PARAM name="url" value="○○○.wmv">
<embed src="○○○.wmv" width=480 height=337 showcontrols="1" autostart="1"></embed>
</OBJECT>
毎回悩むのがファイル形式ですが、結局Windows Media 形式に落ち着きます。
コメント 0