動画埋め込みができません。

質問

http://www.mustlovejapan.com/subject/togakushi/

上記のサイトに埋め込まれている動画をリンクして、

私のサイトに動画だけを埋め込みたいのですが、
下記のHTMLコードではサイトも埋め込まれてしまい困っています。

動画だけ埋め込むことはできませんか。

You Tubeと違い、動画だけの乗っているサイトがないので埋め込みはできないのでしょうか。

<p style="text-align: center;"><object data="http://www.mustlovejapan.com/subject/hakone_shrine/spot1439.html" width="600" type="

video/x-flv

" height="400">
<param name="movie" value="http://www.mustlovejapan.com/subject/hakone_shrine/spot1439.html">
</object></p>
<!-- for IE or Mozilla-->
UpperSite'sMovie→eBay。

回答No.5

torayoshi · ベストアンサー

torayoshiです。
iframe要素はその脆弱性の危険性から使えないWebサービスも多いので避けたほうが無難です。
いったんYouTubeにアップしてその動画のURLを取得し、
通販サイトのHTMLにobject要素で埋め込む方法を取ってみてはいかがでしょうか。

YouTube動画のURL取得方法は、
動画をアップし、そのページにアクセスすると、
アドレス欄にURLが表示されます。
例↓（適当です）
http://www.youtube.com/watch?v=Bn9PaGb_YgbO
上記の例だと、
http://www.youtube.com/v/Bn9PaGb_YgbO
が動画のURLになります。

埋め込みタグの例↓
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="（幅）" height="（高さ）" type="application/x-shockwave-flash">
<param name="movie" value="（動画URL）"/>
<param name="wmode" value="transparent"/>
<embed src="（動画URL）" width="（幅）" height="（高さ）"
pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" type="application/x-shockwave-flash" />
</object>
</p>

補足

ありがとうございます。
その方法でやってみます。

回答No.4

torayoshi

torayoshiです。
FacebookはYouTubeのように動画をアップロードした時点で、
プレーヤー付きの動画に変換されるのではないでしょうか。
（私は分かりませんので、推測です）
ソースを見た限りでは「NL026.flv」が見当たりませんので。

なので、Facebookからはリンク出来ないでしょう。
（YouTube同様、シェア（＝共有）は出来ても動画にはリンク出来ない）
おっしゃるように、別のWebストレージサービス等を利用するのが良いのではないでしょうか。

※アドレスに「名前.flv」を追加してもアクセス出来ませんので、その方法はNGです。

お礼

すいません。追記したかったのですが、修正できなかったのでお礼という形で報告いたします。
動画の埋め込みで調べてみたところ、以下のようなサイトを見つけました。

http://eigoeb.com/blog/entry-466.html

「アイテム説明のために動画サイトへのリンクを説明文に入れても良い事になったよ。でも、直接動画を説明文の中に置かないでね。動画は以下のサイトにアップして。YouTube, Google, MySpace, Microsoft, or AOL…」

とのお知らせだったですが、その後一ヶ月も経たないうちに、動画埋め込みが解禁になりました。

とあり、もう一つの方法として、YouTubeに投稿しこれをシェアするといった形で動画を埋め込むことができそうです。

ただ、You TubeかWebストレージサービスのどっちにすべきか悩んでます。webストレージサービスの場合、前作ったことがあり、難しいイメージがあります。
お勧めのストレージサイトってありませんか？

宜しくお願いします。

補足

度々の質問にお付き合していいただき、本当にありがとうございます。

通販サイトのプラットフォーム上でHTMLを張り付けて、
<iframe src="https://www.facebook.com/video/embed?video_id=480375052044336" width="320" height="240" frameborder="0"></iframe>

動画の埋め込みを試して見たところ、
以下のようなエラーになりました。

Please provide the correct information in the highlighted fields.

※特に下
•Description - Your listing cannot contain javascript (".cookie", "cookie(", "replace(", IFRAME, META, or includes), cookies or base href.

どうやら<iframe>が原因で、このコードはHTMLのはずですけど、
なぜかJavaScriptに認識されてしまうようです。

と言うことは、torayoshiさんが教えて頂いたサイトに、<embed>がありますが、
このコードも埋め込もうとすると、JavaScriptに認識され、
通販サイトには動画は埋め込められないことはあり得ますか。

回答No.3

torayoshi

torayoshiです。

整理しましょう。
・借りている通販サイトでは動画のアップロードは出来ない（画像のみ）。
・他に動画のアップロードが出来る所がある（Facebook等）
・なので、以上の条件の制約上、動画は別の場所（Facebook等）にアップロードし、通販サイトからリンクする。
で、いかがでしょうか。

Facebookにアップロードした動画のURLは簡単に取得出来ますか？
私はFacebookやってないので、そのあたりの事は分かりません。
その場合、動画本体（FLV）、プレーヤー部（SWF）両方です。
両方のURLが取得出来たらそれを通販サイトのHTMLに書けばリンク出来ると思います。

補足

ご回答有難うございます。さっそく動画をダウンロードし、
facebookで動画のアップロードに成功しました。

ただ、プレーヤー部（SWF）がアップロードできないようです。
でも普通に動画が見れました。プレイヤーはいらないのかもしれません。

以下にできる事を参照します。

****************************************************
・動画をシェアができる

このリンクを使用することで、Facebookアカウントを持っていない人でもこの動画を閲覧することができ、だれとでもシェアすることができます。

https://www.facebook.com/photo.php?v=480375052044336&l=6738250698135881880

****************************************************
※↑のアドレスに動画の名前.flvを追加すればよいのでしょうか。

****************************************************
・動画の埋め込みができる

このリンクを使用することで、Facebookアカウントを持っていない人でもこの動画を閲覧することができ、だれとでもシェアすることができます。

<iframe src="https://www.facebook.com/video/embed?video_id=480375052044336" width="320" height="240" frameborder="0"></iframe>

****************************************************

facebookやサイトによって、アップロードできるものとできないものがあって、すごい複雑です。
普通に、新しいWebページか今話題のクラウドストレージを作って、
そこにアップロードするのが得策に思えてきました。

サイトの立ち上げは難しいですか。

回答No.2

torayoshi

rel="nofollow"属性は私は詳しくないのですが、
「クロール避け」しないでほしい。
ということではないでしょうか。
この属性を入れなければ良いだけの話だと思います。

動画ファイルに直リンクすると相手側サーバーに負担がかかるので、
いったん動画ファイルをダウンロードしたのち、自サーバーに上げた方が良いと思います。
動画ファイルのURLは、
http://video.mustlovejapan.com/video/NL026.flv
同内容のmp4も使われてますが、たぶんこのFLVの方でしょう。

FLVもMP4もそのままではウェブ上では再生出来ません。
ので、その他にプレーヤー部（.swf）が必要になります。
提示されたサイトで使われてるプレーヤー（mediaplayer.swf）は、
おそらく「JW Player」ではないかなと思います。
http://www.longtailvideo.com/jw-player/learn-more/

埋め込みタグは「FLV 埋め込み」等で検索すればいろいろ公開されてますが、
一例として↓ここらあたりで。
http://kiisan.cocolog-nifty.com/katsura/2008/05/flash_videoflv_2fe6.html

補足

詳しい説明を有難うございます。

私は大手の通販ホームページを借りていて、
その通販プラットフォームは、HTMLを書けるようになっています。

>動画ファイルに直リンクすると相手側サーバーに負担がかかるので、
いったん動画ファイルをダウンロードしたのち、自サーバーに上げた方が良いと思います。

大手の場合、動画のアップロードはできないでしょうか。そしてアップロードを勝手にしてもいいのか。

その通販プラットフォームで、アップロードはできないんです。（商品紹介のための画像のみアップロード可）

現実的には、Facebookなどに動画をアップロードし、
その動画のアドレスを通販サイト側のHTMLに書くのがいいかもしれません。

でもtorayoshiさんが教えて頂いたやり方で
動画の埋め込み記事を見る限り、自分のホームページにアップロードすることが前提です。

例
hexa1_promo_haisin.flv

なので、http://・・・・・・
と始まるものが有りません。

この場合は、通販サイト側にアップロードせず、動画のリンクはできますか？
宜しくお願いします。