• 締切済み

アニメーション動画をタグで使用したいのですが。。

素材屋などで見かけるアニメーションのついた画像をあるサイトの日記に使いたいのですが、コピペの制限がかけられているので動画として載せることができません。PCに取り込もうとしてもアニメーション効果が消えてしまうので悪戦苦闘しています。静止画は<img src="">で表示できますが、アニメーション付きのバナーなどをコピペ以外でサイトに表示させるにはどのようにすればいいのかご存知の方、ご回答よろしくお願いします。

  • HTML
  • 回答数5
  • ありがとう数2

みんなの回答

  • Xatz
  • ベストアンサー率71% (5/7)
回答No.5

アバターは、基本的に二種類があります。 ・Flashを使って体・服・アクセなどのレイヤーを重ねているケース ・JavaScriptなどを使って透過画像をレイヤーとして重ねているケース 前者の場合、保存はまず不可能です。 仮にswfファイルを保存したところで、呼び出しが不正であれば表示されません。 後者であっても、おそらく1番上のレイヤーの画像だけが保存されるのではないでしょうか(服1枚だけ・アクセ1つだけのように)? それと、規約によってアバターの外部での使用は禁止になっている場合もあります。 自サイトで素材として使用するのはほぼ間違いなく違反となりますが、「こんなアバターつかってます」と外部でアピールすることに関しては、規約をよく読んだ上でプリントスクリーンなどでやるしかないでしょう。 #ちなみに、素材屋で見た画像が右クリックから"名前をつけて画像を保存"でファイルの種類が"bmp"と表示されるのならば、おそらくインターネット一時ファイルが損傷しています。 #インターネットオプションより、"インターネット一時ファイル"-"ファイルの削除"を実行してください。 #この動作には一定時間を必要とする場合があります。

  • 1E-9
  • ベストアンサー率51% (22/43)
回答No.4

No.1です。 PCに保存しないでどうやって取り込めたのか謎ですが…。(取り込む=外部リンクで表示したのでしょうか?) ハンゲームがよくわからないのですが(すみません、ゲームに疎いので)、サイトをチラッと見る限りYahooのアバタ-と同じようなものかと。 Yahooのアバタ-は個人の設定を呼び出して、Javascriptでレイヤー表示しているようです。(アニメでセル画を何枚も重ねるような感じ。) ですので、画面上で見える状態の画像(アニメーション)をPCに取り込むのは難しいのではないかと思います。 また、No.3さまが書いていらっしゃる通り、アバタ-となると無断転載は禁止されている可能性もあります。 ご確認の上で、素材サイトでしたらそのサイトの管理者様にお問合せするのが一番確実だと思います。

  • key-child
  • ベストアンサー率54% (25/46)
回答No.3

> ハンゲームのような動画つきのアバター ちょっと上記の発言について気になったので一言。 著作権についてはご理解いただけているのでしょうか? また、ご理解いただけているのならそれは自サイトで使用していい素材なのでしょうか? 確証が無い場合、使用は控えた方が無難です。 (使用していいものは大抵サイト内のどこかに書かれてます。)

回答No.2

アニメーションgifなのにbmpで保存していませんか?または他の画像形式で保存しているとアニメーションにはならなくなります。 >コピペ以外でサイトに表示させるにはどのようにすればいいのか 素材屋さんからの外部リンクという意味ではやめたほうがいいと思います。 素材屋さんの使っているサーバに画像転送で負荷がかかるので。

kid_mira
質問者

お礼

ありがとうございます。アニメーションを取り込むことはできました。下にも述べましたが、ハンゲームのような動画つきのアバターはアニメーションgifとはまた別の種類みたいでPCに保存することができません。どの形式にすれば取り込めるでしょうか?よろしくお願いします。 あと忠告ありがとうございました。気をつけます。

  • 1E-9
  • ベストアンサー率51% (22/43)
回答No.1

コピペでサイトに表示させるというのがよくわからないのですが…。 その動画というのは、MPEGやQuick Timeのファイルでしょうか。 それともFlash?あるいはアニメーションgifでしょうか。 アップするサイトがレンタルサーバであれば、.movや.mpegなどは置けない可能性が高いです。 アニメーション付きバナーという事は、アニメーションgifでしょうか。 その場合は、きちんと画像をダウンロードすれば平気なはずなのですが…。 右クリックで「名前を付けて画像を保存」にしてもだめでしょうか?

kid_mira
質問者

お礼

アニメーションgifだと思います。用語を知らないものですみません。。画像として保存するとアニメーション効果が消えてしまうのですが。。コピペというのは素材屋などでコピーしたものをそのまま日記投稿の際にペーストして貼り付けようというものです。 ハンゲームのようなサイトについている動きのあるアバターをそのまま載せたいです。方法ありませんか?

関連するQ&A

  • アニメーション

    ビルダーを使っています。 ビルダーにもともと入っているアニメーション素材をウェブアートデザイナーで編集しなおすと静止画になってしまいます。 アニメーションの状態で編集はできないのでしょうか?

  • アニメーションGIF終了時の静止画像

    ホームページでアニメーションGIFを使用したいと考えています。 設定の仕方を調べていたら、下記のコードでPlay画面の静止画を表示させておいて、クリックしたときにアニメーションを読み込む記事を見つけました。 <img src="sample_play.gif" onclick="this.setAttribute('src', this.getAttribute('src').replace(/_play.gif$/g, '.gif'));" style="cursor: pointer;"> これは良いと思い利用したいのですが、できればアニメーションを2回ループした後の終了時に再度Play画面に戻したいと思っています。 特別なJAVAのアドインをインストールすることなく、ページに簡素なコードを書くか既存のjqueryだけで対応できると有難いと思っています。 コードをお分かりの方、教えてください。 よろしくお願いします。

  • バナーURLって?

    訪問先のサイトはバナーの掲載をしてくれます。 その代わり、そこのバナーも私のホームページに張るようになります。飲食系のランキングサイトなのですが、私のホームページを登録したいと考え、登録は済ませました。ですが、私のバナーが写っていません。相手方のバナーは登録の際、タグが表示されそのままコピペで私のサイトには貼り付けてあります。登録をする際、URLとバナーURLなるものが有りました。URLはそのまま私のURLを書き込めば良いだけの事ですが、バナーURLと言うものが分かりません。悪戦苦闘しながらも色々行ってみたのですが、そこのランキングサイトにバナーが表示されません。(バッテンが出ています。)そこから私のサイトには行けるのですが、どうもバナーが表示されていないと格好が付かなくて・・・。どなたか良いアドバイス有りましたら出来るだけ詳しく教えてください。m(_ _)m

  • アニメーションgifファイルのサイズを変更したい

    フリー素材のアニメーションgifファイルを、Slackの絵文字に 使いたいのですが、サイズが大きすぎてそのままでは使えないものが多いです。クラウドサービスではなく、Windows7の標準ソフト(ペイントなど)を使って、手元にあるアニメーションgifファイルのサイズを小さくしたいのですが、何か使えるものはありますか? ペイントを使ってみたら、サイズは小さくなりましたがアニメーション機能が無くなって静止画になってしまいました。

  • gifアニメのバナーに文字入れをする方法

    素材屋さんで配布している,gifアニメのバナーに文字入れをするときはどうすれば良いのでしょうか? 静止画のバナーに文字入れをすることはできるのですが。。DLしたgifアニメを「ペイント」で開くと,静止画になってしまいますし…。 どなたか教えてください。よろしくお願いします!!

  • HP 「シフトキー+クリック」で別の動作がしたい

    ホームページ作成で小さな画像を配置し、この画像をクリックすれば元の大きい静止画を表示し、シフトキーを押しながらクリックしたら動画を表示させたいのですがこんなことはできるでしょうか。 現在は下記の通り静止画のみ表示しています。 <a href="静止画.html"><img src=静止画.jpg width="60" height="45"> ご教授方よろしくお願い致します。

  • innerHTMLによるアニメーションGIFの表示について

    おたずねします。 3つのアニメーションGIFを順に表示させて、最後まで行くと最初の画像に戻るように記述しました。 サンプルページURL http://oreryu.sakura.ne.jp/sample/gif_out.html IE6.0では問題ないのですが、Firefox2.0で表示すると、 2周目以降の表示がおかしくなります。 具体的には各アニメーションの最後のフレームが指定時間表示され、 次の画像に遷移するので、全くアニメーションが行われません。 また、どの画像で不具合が起こるかが限定されないようです。 ブラウザの問題かと思い、 キャッシュしない記述なども試しましたがうまくいきませんでした。 外部javascriptのソース banner= new Array(); banner[0]=('<a href="#"><img src="1-1.gif" alt="" width="375" height="125" border="0"></a>'); banner[1]=('<a href="#"><img src="2-1.gif" alt="" width="375" height="125" border="0"></a>'); banner[2]=('<a href="#"><img src="3-1.gif" alt="" width="375" height="125" border="0"></a>') time= new Array(); //バナーの表示時間 上から表示順 time[0]=(5000);  time[1]=(5000);  time[2]=(5000);  var menu=0; function bchange(){ document.getElementById('banner_change').innerHTML=(banner[menu]); timerID = setTimeout("bchange()",time[menu]); if(menu == banner.length-1){ menu=0; }else{ menu++; } } HTMlファイルのソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <script language="javascript" type="text/javascript" src="banner_chg.js"></script> </head> <body> <span id="banner_change"> <script language=javascript> <!-- bchange(); //--> </script> </span> </body> </html> できれば上記のinnerHTMLを使用してタグを書き換えるやり方で、 正常に表示できる方法を探しています。 御存知の方がいれば教えてください。 よろしくお願いいたします。

  • デジタルアニメーションの動画はどうやってつくるの?

    最近友達とアニメーションを作ろう!と行動しています。 ですが!どうやって絵を絵を動かしているのか分かりません;。; 自分で調べたところ、主に使っているのは↓ ・AfterEffects ・Flash ・Photoshop ・Illustrator ということでした。 IllustratorとPhotoshopは絵を描くようで、AfterEffectsは映像効果をつける、Flashは編集というところでしょうか? で、ここで疑問なんですが、どのソフトを使って静止画を動画にしているのかが分かりません。 また、編集はなんでやってるんですか?動画はPremiereで編集をすると言うことを聞いたことがあります。 自分の予想は、IllustratorとPhotoshopで絵を作り→AfterEffectsで効果付け→Flashで動画にした後→Premiereで編集?といったところです。 すんごい初歩な質問ですみません;。; 詳しい使いこなし方はあとで教本で学ぼうと思うんですが、その前に何のソフトがどの役割を担っているのか知ってから教本を買おうと思っています。よろしければ教えてください。 ちなみに、持っているバージョンはCS3です。

  • ホームページの動く(点滅する)アイコンについて

    パソコン初心者ですが、ホームページを作成中です。 素材屋さんに動くアイコン(”NEW”などで点滅するような)を入れたいのですが、やり方が悪いみたいで静止画になってしまいます。 どうやったら点滅するようになるのですか? ※バナーでも動くものがありますが、やはり静止画になってしまいます。

  • HPで動画

    簡易的に作成できる事をウリにしている ところでHPを作成して、アニメーションを再生したいのですが、どうすればいいでしょうか? gifにしても、はじめの1コマ目しか表示されません。 静止画しか出来ないのでしょうか。

専門家に質問してみよう