FLV動画をWEB上にアップロードする方法

前へ 次へ
このQ&Aのポイント
  • FLV動画をWEB上にアップロードする方法について教えてください。
  • 現在、撮影した動画をFLV形式に変換していますが、それをWEBサイトにアップロードして表示させたいです。
  • 試しに<object>タグを使用してFLVプレーヤーを埋め込んでみましたが、表示されませんでした。正しい方法を教えてください。
回答を見る
  • ベストアンサー

FLV動画をWEB上にアップロードしたい

現在、撮影した動画をFLVに変換し、 http://www.stone-home.jp/video/seko_006.html にアップロードしました。これを、 http://www.stone-home.jp/seko/006.html の「動画」に表示させたいのです。 上URLの下記部分を、下URLにコピー＆ベーストしたのですが表示されませせん。 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="580" height="435" id="FLVPlayer"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_2&streamName=%E9%AB%98%E7%A0%82%E5%B8%82H%E9%82%B8&autoPlay=false&autoRewind=false" /> <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_2&streamName=%E9%AB%98%E7%A0%82%E5%B8%82H%E9%82%B8&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="580" height="435" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> これをコピー＆ベーストしたのですが間違えているのでしょうか。正しい方法分かる方おられますでしょうか。

質問者が選んだベストアンサー

  • ベストアンサー
  • Zling
  • ベストアンサー率61% (342/556)
回答No.1

質問のHTMLの書き方ではなくって申し訳ないのですけど 自分のサーバーにあげると動画は容量を取るので FLVへの変換の際、圧縮率を上げざるおえないので 折角の動画の画質が落ちてしまいます。 しかも、WEBに表示させるのに今回の様に手間がかかりますよね で、提案なのですが、http://peevee.tv/　ここのサイトに 動画をUPし、公開設定にすると埋め込みタグが表示されるので それをコピー&ベーストすれば簡単です。 http://peevee.tv/v?4vns1b ↑ビジネスカテゴリーがあるので、この会社の様に使用している所もあります。 http://info.peevee.tv/App?servlet=faq1 ↑この説明の様に、１ファイル200MB　全体容量、無制限なので どんどん動画を使えますし、自分のHPのサーバーに上げるのではないので HP用サーバーの容量を食いません。 PeeVee.TVにアップロード可能なファイルは下記の種類になっています。 MPEG-1 MPEG-2 MPEG-4（DivX4/5） MSMPEG4 V1 MSMPEG4 V2 MSMPEG4 V3（DivX3） WMV（Windows Media Video codec バーション7） H.261 H.263（＋） RealVideo 1.0 RealVideo 2.0 MJPEG DV Sorenson Video 1 3gp 200MB以内に収まっていれば、再生時間は関係ないので 長時間の動画でもいけます。 また、このpeevee.tvは他の動画サイトと違い、人の目で 目視確認をして許可を出すので、へんな動画がありません。 著作権に触れる映像、音楽を使用しているとメールで 掲載不可の連絡が来ます。 埋め込みタグの方は、色々なサイトに対応した物があるのですが 殆どの場合、みんカラ用で出来ますし、 PeeVee.TVでトラブルか起きてUPした動画が消えてしまっても 万が一に備えて、UPに使用した元ファイルを残していれば 再度、UPしてまた埋め込みタグを埋め込めば復活できますし。

その他の回答 (1)

  • Zling
  • ベストアンサー率61% (342/556)
回答No.2

No1です、とりあえず追加しておきます。 HTML記述方法 http://www.katch.ne.jp/~kakonacl/douga/flashvideo/html_kijutu.html ここの一番下にあるように、HTMLファイル、FLV動画、FLVPlayerが 一緒の所にある必要があると思います。 また、HTML内に記載され使用する事になっている FLVPlayer_Progressive.swfに脆弱性があるようです。 アップデートなされていないようでしたら、アップデートしておく事を お勧めいたします。 Dreamweaver および Contribute のFLVPlayer_Progressive.swfファイル をアップデートします。 http://support.adobe.co.jp/faq/faq/qadoc.sv?233079+002 アドビのサポートページの記載です。

kouta0830
質問者

お礼

Zlingさん、ご回答ありがとうございます。大変参考になりました。 アップするファイルがあるフォルダにコピー＆ベーストするとできました。ただ、おっしゃるように画質ですよね。かなり悪くなっていますし、上下が何故か黒くなってしまっています。 もう少しいじってみます。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. 画像・動画・音楽編集

関連するQ&A

  • FLASH動画をSWFでホームページに埋め込みたい Adobe

    いつも adobeの Dream Weaver CS３　を使い、 【挿入】→【メディア】→【Flash Video】のようにして FLVファイルを読み込んでホームページ上に表示しているのですが、 そうすると、動画のFlvファイルと『Clear_Skin_1.swf』『Clear_Skin_3.swf』『FLVPlayer_Progressive.swf』という３つのファイルも自動的に作成されます。 それらをすべてサーバーにアップロードして初めてネット上で見ることができます。 そしてHTMLは以下のようになっています。（ページ下のほうです） <head>～</head>の間にスクリプトが入っています。 そして、ビデオプレイヤーとしてswfを読み込んでいるようです。。 この方法では<object>～</object>タグをただ貼り付けただけでは なにも見えません。 でもyou tube 動画などですと、 例えば以下のようなシンプルなタグで動作しています。 <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/AQ2jMVG3PgY&hl=ja&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/AQ2jMVG3PgY&hl=ja&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object> SWFなどのファイルをサーバー上にアップロードすることは構わないのですが、HTMLタグでは上記のようにシンプルなタグでフラッシュ動画を表示したいのです。 仕事でどうしても必要で試行錯誤しているのですが、やり方がわからずに困っています。 どうかよろしくお願い致します。 AdobeのFLASHというソフトを使用しています。 バージョンはＣＳ３です。 -----------●私の方法でのHTMLタグ●----------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ ◆◆中略◆◆ <body onload="MM_CheckFlashVersion('7,0,0,0','このページのコンテンツを表示するには最新バージョンの Adobe Flash Player が必要です。今すぐダウンロードしますか?');"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','342','height','291','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Halo_Skin_3&streamName=●FLVの名前●&autoPlay=false&autoRewind=false','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_Progressive' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="342" height="291" id="FLVPlayer"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Halo_Skin_3&streamName=●FLVの名前●&autoPlay=false&autoRewind=false" /> <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Halo_Skin_3&streamName=●FLVの名前●&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="342" height="291" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> </object></noscript> </body> </html>

  • 埋め込みswfのサムネイル画像表示方法

    JavaScriptの知識は殆どないのですが、実現するにはJavaScriptが必要そうだという憶測で質問させていただきます。 サイト上にflv動画を置いているのですが、これにサムネイル画像をつけたいのです。 画像は切り出して作成済みです。 ちなみに、現在は下記のコードを使用しています。 動画ファイルはの場所は、相対パスですと　./video/test.flv サムネイル画像も同じ場所に用意しました。 ./video/test.jpg <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="320" height="240"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_3&amp;streamName=video/test&amp;autoPlay=false&amp;autoRewind=true" /> <param name="swfversion" value="8,0,0,0" /> <!-- このパラメータタグにより、Flash Player 6.0 または 6.5 以降を使用して、Flash Player の最新バージョンをダウンロードするようメッセージが表示されます。ユーザにメッセージを表示させないようにする場合はパラメータタグを削除します。 --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 次のオブジェクトタグは IE 以外のブラウザで使用するためのものです。IE では IECC を使用して非表示にします。 --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="320" height="240"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Clear_Skin_3&amp;streamName=video/test&amp;autoPlay=false&amp;autoRewind=true" /> <param name="swfversion" value="8,0,0,0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- ブラウザには、Flash Player 6.0 以前のバージョンを使用して次の代替コンテンツが表示されます。 --> <div> <h4>このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player を取得" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> どなたかご教授いただけないでしょうか？ よろしくお願いいたします。

  • flash埋め込みで初めからフルスクリーンに

    投稿した動画を自分のサイトに表示させるコードを使ってみたのですが思い通りにいきません。 開いた直後にフルスクリーンで表示したいのですが、フルスクリーンボタンを押さないと全画面になりません。 どうすればプレーヤーに表示されるフルスクリーンボタンを押すこと無く動画をフルスクリーン状態で開けるのでしょうか？ <object classid="clsid:**************" width="1920" height="1080" id="*********"><param name="flashvars" value="autoplay=true&brand=embed&cid=******Ftest*******&locale=en_US"/><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="movie" value="http://www.*******************"/><embed flashvars="autoplay=false&brand=embed&cid=*****Ftest******&locale=en_US" width="1920" height="1080" allowfullscreen="true" allowscriptaccess="always" id="********" name="*****" src="http://www.***********" type="application/x-shockwave-flash" /></object>

    • ベストアンサー
    • Flash
  • FLASHを使ったページを保存

    ブラウザ（IEまたはオペラ）で通常のやり方で保存すると swfファイルが保存されず正常に見えないので、ソースでファイルのURLをたしかめ 保存したのですが・・・ それでも、Web上で見るようには表示されないのです。 不思議なことに、IEで「temporary Internet Files」を開き、そこからだと表示されるのに 別の場所に移動するとダメなんです。 しかも移動するときに、ファイル名が「mein.swf」なのに「mein[2].swf」と、勝手に書き換わります。 もちろんもとのファイル名に直してもダメです。 ソース(一部)は <PARAM NAME=movie VALUE="main.swf"> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=noscale> <PARAM NAME=salign VALUE=T> <PARAM NAME=bgcolor VALUE=#111111> <EMBED src="main.swf" loop=false menu=false quality=high scale=noscale salign=T bgcolor=#111111 WIDTH="760" HEIGHT="945" NAME="main" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> </EMBED> これを見た限りではmain.swfさえ保存すれば見れるハズなのですが・・・ 私の能力ではもはや限界です(--;) 検索し「Get HTML」というソフトがあることを知り、DLしましたが 恥ずかしながら、説明を読んでも使い方が理解できませんでした。 作者さんのサポートページは既に閉鎖されているようですし・・・ このページはもうすぐ消えてしまうので なんとしても保存したいのです・・・ よろしくお願いします。

    • ベストアンサー
    • Flash
  • ホームページ内のFlv動画をiPadでも再生

    ホームページ内の movie.flv を Flaver3 を使用して下記の内容で再生させることができました。 しかし、このままではiPad等を使用している人には再生されません。 これに何をどう追加したらiPadでも再生できるようになるか教えて下さい。 Googleで色々検索してみましたが、該当する内容を探すことはできませんでした。 よろしくお願いします。 <object data="flaver.swf" type="application/x-shockwave-flash" width="650" height="430"> <param name="movie" value="flaver.swf" /> <param name="FlashVars" value="file=movie.flv&image=sample.jpg&title=サンプル&cookie=true&toolzoom=true&loop=true &repeat=true&autoplay=true&follow=true&bright=50&smooth=true&aspect=auto&getmeta=true&wheel=true&scroll=true&volume=50" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> </object>

    • ベストアンサー
    • HTML
  • 自分で制作したFlashがMacでのみ動かない

    自分で制作したFlashをホームページで表示したのですが、windowsでは動いたたのにmacでは動きませんでした。 macでは、パブリッシュをしてアップロードしたhtmlではみれましたが、タグで表示したときのみ、表示されるものの動きませんでした。 タグが対応してないのでしょうか？ タグは <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=640 HEIGHT=480> <PARAM NAME=movie VALUE="http://www.geocities.jp/senshigemu/neko/seltukou/seltukouzou.swf"> <PARAM NAME=play VALUE=true> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=window> <EMBED src="http://www.geocities.jp/senshigemu/neko/seltukou/seltukouzou.swf" play=false loop=false menu=false quality=high wmode="window" width="640" height="480" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"> </EMBED> </OBJECT> です

    • 締切済み
    • Mac
  • FC2ブログ、テンプレートへのフラッシュＵＰ

    違うカテゴリーで質問しましたが、カテゴリー違いの為、 こちらに質問させていただきます。 FC2ブログのヘッド部にフラッシュのバナーを乗せたいと思っています。 窓の杜で見つけた作成ソフトでフラッシュを作成し、 HTMLファイル、swfファイル、imgフォルダが作成され、 ローカルではきちんと表示されています。 ○テンプレートにHTMLで下記のように記入しています。 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/c … width="220" height="330" id="top" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="top.swf" /> <param name="menu" value="false" /> <param name="quality" value="best" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="bgcolor" value="#FFFFFF" /> <embed src="top.swf" menu="false" quality="best" scale="noscale" salign="lt" bgcolor="#FFFFFF" width="220" height="330" name="top" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> ○FC2ブログの「ファイルアップロード」にて、作成時に使用した画像と、出来上がったswfファイルをアップロードしています。 FC2ブログはディレクトリ管理ができないので、ディレクトリが違うのかと、HTMLの「top.swf」部分を絶対パスにし、「sameDomain」部分を「always」に変えてみたり、 今日１日中頑張っているのですが、どうしても表示されず、 詳しい方おられましたら、ご教授頂けるとありがたいです。 宜しくお願いいたします。 ブログはこちらで作っています。 http://etoileschoollife.blog.fc2.com/

  • ココログにFlashの動画を貼り付けて見ることはできるでしょうか？

    ココログにsuzukaで作成したFLASH動画を貼り付けて見れるようにしたいのですが、上手くいきません。 「ファイルをアップロード」でｓｗｆファイルをUPすることはできますが「○○.swfのダウンロード」という表示になり、ファイルのダウンロードはできますが動画を見ることはできません。 こちらの過去ログから suzukaでSWF が作成されるとともに，SWFと同じフォルダに その SWF が貼り付いた HTML も同時に生成されるように保存し タグを貼り付けてやってみましたが、 FLASHがある気配（？）はありますが、その部分は真っ白で表示されませんでした。 質問は ・ココログにFLASHの動画を表示させることができるのでしょうか？ ・できるとすれば、HTMLタグはどのようにしたらいいのでしょうか？ 以上です。 ちなみに私が貼り付けてみたタグは <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="400" HEIGHT="300" id="ファイル名" ALIGN=""> <PARAM NAME="allowScriptAccess" VALUE="sameDomain"> <PARAM NAME="movie" VALUE="5.swf"> <PARAM NAME="loop" VALUE="false"> <PARAM NAME="menu" VALUE="false"> <PARAM NAME="quality" VALUE="high"> <EMBED src="ココログのアドレス/ファイル名.swf" loop="false" menu="false" quality="high" WIDTH="400" HEIGHT="300" NAME="ファイル名" align="" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </EMBED> </OBJECT> ↑このタグの私が直した部分がおかしいために表示されないのかもしれないです・・・（汗） どうか、ご指導よろしくお願いいたします。

  • swfファイル表示のタグについて

    <OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"　codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="240" HEIGHT="235" id="2" ALIGN=""><PARAM NAME="allowScriptAccess" VALUE="sameDomain"><PARAM NAME="movie" VALUE="http://www.death-note.biz/up/img/30632.swf"><PARAM NAME="loop" VALUE="false"><PARAM NAME="quality" VALUE="low"><PARAM NAME="wmode" VALUE="transparent"><EMBED src="URL" loop="false" quality="low" wmode="transparent" WIDTH="240" HEIGHT="235" NAME="2" align="" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" luginspage="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> 現在このようなタグを使っていて、フラッシュ内でハイパーリンクをつけているのですが、なぜかハイパーリンクを設定しているボタンを押しても無視されてしまいます・・・ 原因が分かる方よろしく終え願いいたします。

  • フラッシュをランダム表記+個別リンク設定

    フラッシュ製作環境がないので、アクションスクリプトで リンク設定のできないswfがいくつかあり、これを個別に リンク設定させ、リロードごとにランダムに表示したいです。 リンク設定をしなければ、 <SCRIPT LANGUAGE="JavaScript"> <!-- simg=new Array(3); simg[0]="○○"; simg[1]="△△"; simg[2]="□□"; Myimg=Math.floor(3*Math.random()); document.write("<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.c... width='180' height='150'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='"+simg[Myimg]+".swf' /><param name='quality' value='high' /><param name='bgcolor' value='#ffffff' /><param name='LOOP' value='false'><embed src='"+simg[Myimg]+".swf' quality='high' bgcolor='#ffffff' width='180' height='150' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' loop='false' /></embed></object>"); //--> </SCRIPT> で、うまくランダムに表示されました。 しかし、これに各ファイルにリンクを設定したいのです。 ランダムにせずに1つだけのバナーなら <object type='application/x-shockwave-flash' data='○○.swf' width='180' height='150'><param name='flashvars' value='clickTag=http://○○.html&clickTarget=_self' /><param name='allowScriptAccess' value='always' /><param name='movie' value='○○.swf' /><param name='bgcolor' value='#ffffff'></object> でリンクは貼れたのですが、 ランダム表示の記述に組み合わせるすべがわかりません。 なにとぞよろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する