Top > Paste

Paste の変更点


 // cache300s
 TITLE:外部ページへの動画貼り付け
 外部ページ(ブログなど)に動画を掲載することができます。なお、サークル動画の場合テロップも流れます。~
 %%%[[2008年3月5日の更新>http://zoome.jp/info/diary/85/]]によりマイページ動画は外部サイトに動画を貼り付ける際に簡単にサイズ変更できるようになりました。%%%
 %%%[[2008年4月25日の更新>http://zoome.jp/info/diary/98/]]によりサークル動画も外部サイトに動画を貼り付ける際に簡単にサイズ変更できるようになりました。%%%
 プレイヤーのデザインを崩さない為には5:4の比率を維持する必要性があります。~
 &color(Red){これによりマイページ動画・サークル動画共に外部サイトへの貼り付けで自由にサイズ変更も可能になりましたので、このページの以下に書かれている情報は特に必要が無くなりました。};
 &color(Red){これによりマイページ動画・サークル動画共に外部サイトへの貼り付けで自由にサイズ変更も可能になりましたので、を除くこのページの以下に書かれている情報は「Yahoo!ブログに貼り付け」を除き特に必要が無くなりました。};
 ~
 #contents
 ~
 *Yahoo!ブログに貼り付け [#j20d0e1a]
 Yahoo!ブログはそのままでは貼れませんが、[[zoome動画アップ方法>http://blogs.yahoo.co.jp/wansute_1100/48601421.html]]によるWiki文法を使うことによって簡単に設置できます。
 
 【手順】
 ~
 +まずは動画をzoomeにアップ。
 ~
 +Yahoo!ブログの新規投稿画面を別ウィンドウか別タブで開き、Wiki文法使用にチェックを入れておく。
 ~
 +次のWiki文を入力
  #[[embed(http://www.zoome.jp/swf/zpmmdiap.swf?baseDom=999&baseXML=,0,480,360)]]
 ~『0,480,360』はプレーヤーの表示サイズ。値の変更でサイズ変更可能。
 ~
 +zoome動画のページから貼り付けHTMLをコピーする。
 ~
 +3で入力したWiki文の空白行に4をペーストする。
 ~
 +『param=』の部分の後から、『width=』の前の文字までを残してその前後を削除する。
 ~
 +残った文字間を隙間無く詰めればOK。
 ~
 *普通に貼り付け [#j20d0e1a]
 動画ページ(サークル動画は右上、日記動画は下部)にある「貼り付けHTML」をコピーして、任意の場所に貼り付けます。
 
 <pre class="code">&lt;div&gt;&lt;script type=<span class="str">'text/javascript'</span> src=<span class="str">'http://jp.nvidia.com/content/includes/js/swfobject.js'</span>&gt;&lt;/script&gt;&lt;div id=<span class="str">'flexContainer'</span>&gt;&lt;div id=<span class="str">'flexApp'</span>&gt;&lt;/div&gt;&lt;/div&gt;&lt;script type=<span class="str">'text/javascript'</span>&gt;swfobject.embedSWF(<span class="str">'http://jp.nvidia.com/content/opc/v2/OptimalPlatform.swf'</span>, <span class="str">'flexApp'</span>, <span class="str">'834'</span>, <span class="str">'765'</span>, <span class="str">'9.0.0'</span>, <span class="str">'http://jp.nvidia.com/content/flash/SWFs/flash_resources/expressInstall.swf'</span>, {}, {FlashVars:<span class="str">'IsProd=1&amp;opcLanguage=jp&amp;OPCMode=1'</span>,loop:<span class="str">'false'</span>,play:<span class="str">'true'</span>,align:<span class="str">'middle'</span>,quality:<span class="str">'high'</span>,bgcolor:<span class="str">'#ffffff'</span>,allowScriptAccess:<span class="str">'sameDomain'</span>,allowFullScreen:<span class="str">'true'</span>,wmode:<span class="str">'opaque'</span>}, {});&lt;/script&gt;&lt;/div&gt;</pre>
 **マイページのFlashプレーヤーのサイズを変えてみる [#r13445a3]
 マイページのトップと投稿日記内の動画再生Flashプレーヤのサイズを変更する方法です。
 
 ※objectタグやembedタグを直接指定している為、他に影響があるかもしれませんが、責任は持ちません。
 
 【手順】
 1.上のメニューバーの「デザイン・設定変更」をクリック
 
 2.デザインの選択画面で、一番左上にある「カスタマイズ」のリンクをクリック
 
 3.CSSの編集画面が開くので、その中に以下のスタイルシートをどこでもいいので貼り付けます。
 ※実際には変更したいプレイヤーサイズの値をwidthとheightに設定します。
 
 object { width: 600px; height: 600px; }
 embed { width: 600px; height: 600px; }
 
 4.適用ボタンを押下し、CSSを適用させます。
 
 マイページに投稿した動画を確認してみて下さい。
 どうですか?変更されてますか?
 
 尚、画質などがどうなるかは試していません。
 
 http://circle.zoome.jp/css/topic/3/
 
 *サイズを変更して外部ページへ貼り付け [#b0df3528]
 ~08/03/05
 ~[[2008年3月5日の更新>http://zoome.jp/info/diary/85/]]によりマイページ動画は外部サイトに動画を貼り付ける再に簡単にサイズ変更できるようになりました。
 ~08/02/04修正
 日記動画を外部に貼り付ける際にIE系で動画が見れなかったソースコードを修正しました。
 ~08/02/01修正
 ~サークル動画を貼り付けるでニコサークル以外の動画が貼り付けられなかったのを修正しました。
 ~08/01/31修正
 ~ソースコードをそのままコピー&ペーストで貼り付けて使用できるようにしました。現在以下のHTMLソースが使用可。
 ~
 ~zoomeでは動画を外部サイトへと貼り付けることが可能ですが、その際に強制的にサイズ固定されてしまうのを回避する方法。
 ~中の人はここ見てたら自由にサイズ変更できるように改善してという願いを込めて。
 ~
 ~サイズを変更して外部ページ(ブログやWebサイトなど)へと張り付ける方法は以下の方法があります。
 ~zoomeの更新によってはやり方を変えなければできなくなってしまう場合があります。
 ~object、embedの両方で指定することによって様々なブラウザに対応する。
 ~
 +Object、Embedタグを使う(日記動画のみ。通常のhtmlタグを用いて表示させます)
 ~(サークル動画はこの方法でしか外部ページに貼り付ける際、サイズ変更できません)
 ~
 +CSSを使う(日記動画のみ。非常に簡単です)
 ~
 **Object、Embedを使う (日記動画を外部ページに貼り付け、サイズを変更する)[#u21d9192]
 +~通常の外部貼り付けアドレスの「de〜」を以下に記入する。
 ~
 ~&color(Red){赤文字の部分};に日記の外部貼り付けのアドレス「de〜」を書き換えてください。
 ~例えば[[この動画>http://zoome.jp/hatchan/diary/32/]]の場合、書き換える&color(Red){赤文字の部分};を「&color(Teal){de3d1686fffdf7f5db4410227ae5ae3c72836cd15f5624837a686864b343d46f375c2b4806e0c7da0d416109b18e2a29e6a7826e3c};」と書き換えることになります。
 ~ページのソースを開いて、該当部分のソースコードをコピー&ペーストして書き換えて下さい。
 ~サイズを変更するにはheight(高さ)とwidth(横幅)の数字を変更してください。
 ~
 |<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="zp" align="middle" &color(Purple){width="450" height="360"};><param name="allowScriptAccess" value="always"><param name="bgcolor" value="#000000"><param name="FlashVars" value="baseDom=&amp;baseXML=&color(Red){[ここにde〜のアドレスを記入する。カッコは要らない。]};&amp;newThumb=1"><param name="movie" value="http://www.zoome.jp/swf/zpmmdiap.swf"><param name="quality" value="high"><embed allowscriptaccess="always" bgcolor="#000000" flashvars="baseDom=&amp;baseXML=&color(Red){[ここにde〜のアドレスを記入する。カッコは要らない。]};&amp;newThumb=1" name="zp" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.zoome.jp/swf/zpmmdiap.swf" type="application/x-shockwave-flash" align="middle" &color(Purple){width="450" height="360"};></object>|
 
 **CSSを使う [#f8f93836]
 &color(red){注:日記動画にしか効果がありません};
 +~クラスを生成
  <div class="zoome">
  [貼り付けHTML(<script type=から</script>まで)]
  </div>
 +~そのクラスをCSSでサイズ変更
  div.zoome object { width: 480px; height: 390px; }
  div.zoome embed { width: 480px; height: 390px; } 
 ----
 
 クラス名は任意に変更可。その場合CSSの「div.○○○」の部分も一緒に変更してください。
 heightは操作部も含むので、640*480で表示させたい場合
  { width: 640px; height: 512px; } 
 とします
 大きさに応じて操作部の大きさも変わるので、最適値を模索してください
 
 **Object、Embedを使う (サークル動画を外部ページに貼り付け、サイズを変更する) [#oc8ef675]
 サークル動画を外部に貼り付け、サイズを変更する方法は2通りあります。
 ~
 ~1つは日記動画と同様にサイズのみを変更し、テロップも表示する方法。
 ~2つ目はコメント欄などを丸ごと外部ページに貼り付ける方法。
 ~(ログイン状態でも外部からのテロップ入力は不可ですが、リピート再生やコメの場所へワープできるので便利かも?)
 ~
 ~''★サークル動画サイズ変更方法はこちらのテキストファイルを見て下さい。(08/02/20修正)''
 #ref([080220]zoomeサークル動画サイズ変更方法.txt)
 ~(wikiには不正なリンクとして弾かれたのでテキストを添付しました。そのままコピー&ペーストしてお使いください。)
 ~
 ~通常の外部貼り付けアドレスの「de〜」を以下に記入する。
 ~
 ~【方法1】サークル動画をテロップを表示して外部に貼り付ける方法
 テキストファイル方法1のソースコード上でダブルクリックしてコピーして使ってください。
 ~
 ~【方法2】サークル動画をコメント欄などを含め丸ごと外部ページに貼り付ける方法(※自動再生)
 テキストファイル方法2のソースコード上でダブルクリックしてコピーして使ってください。
 ~
 ~&color(Red){赤文字の部分};に日記の外部貼り付けのアドレス「de〜」を書き換えてください。
 ~例えば[[このサークル動画>http://circle.zoome.jp/nicovideo/media/5]]の場合、書き換える&color(Red){赤文字の部分};を
 「&color(Teal){de3d1686fffdf7f5db4410227ae5ae3c72836cd15f5624837a6f6877a2569e7963557a5018eec4b70f413f0ab1d2350ebae5&amp;dom=http://circle.zoome.jp/nicovideo};」
 と書き換えることになります。
 ~普通の日記動画と違うのはアドレスの後にサークル名のアドレスが入ることになります。
 ~ページのソースを開いて、該当部分のソースコードをコピー&ペーストして書き換えて下さい。
 ~
 ~サイズを変更するにはheight(高さ)とwidth(横幅)の数字を変更してください。
 ~(注)横幅、高さは自由に変更できますが、表示が崩れるのできちんとした倍数で指定しましょう。
 ~方法2の場合、横595、縦350くらいがブログなどに貼り付けるのに適していると思います。
 
 *PukiWikiサイトに貼り付ける [#lb3a082e]
 [[LogueWiki:Web素材/PukiWiki/zoome.inc.php>http://logue.be/Web%E7%B4%A0%E6%9D%90/PukiWiki/zoome.inc.php.html]]から、zoome.inc.phpをダウンロードして、プラグインフォルダに入れる。
 
 使い方は、同サイト参照。
 
 [[上記の例の動画>#oc8ef675]]でいうと、
  #zoome(de3d1686fffdf7f5db4410227ae5ae3c72836cd15f5624837a6f6877a2569e7963557a5018eec4b70f413f0ab1d2350ebae5,nicovideo)
 となる。