タグの意味を教えて

このQ&Aのポイント
  • ウェブサイトでflvファイルの再生をするためには、JW FLV MEDIA PLAYER 3.14を使用します。
  • 質問1では、var s1 = new SWFObject("mediaplayer.swf","mediaplayer","300","170","7"); の値について質問があります。
  • 質問2では、s1.write("container") の役割について質問があります。
回答を見る
  • ベストアンサー

タグの意味を教えて

ウェブサイト(自分のホームページ)でflvファイルを再生したくて  http://www.jeroenwijering.com/?item=JW_FLV_Player から JW FLV MEDIA PLAYER 3.14 をダウンロードしてきました。 サンプルhtmlも同梱されていましたので、 一応再生は出来るようなったのですが、もう少し詳しくタグの意味を知りたいのです。 動画を扱うのが初めての素人でして不甲斐ない質問ですが宜しくお願いします。 サンプルhtmlタグは次のようになっています。 <div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div> <script type="text/javascript" src="swfobject.js"></script>   <script type="text/javascript"> var s1 = new SWFObject("mediaplayer.swf","mediaplayer","300","170","7"); s1.addParam("allowfullscreen","true"); s1.addVariable("width","300"); s1.addVariable("height","170"); s1.addVariable("file","video.flv"); s1.addVariable("image","video.jpg"); s1.write("container");   </script> 質問1 var s1 = new SWFObject("mediaplayer.swf","mediaplayer","300","170","7"); ここに記載されてる値("300","170","7")と s1.addVariable("width","300"); s1.addVariable("height","170"); ここに記載されてる値("300""170")の違いは何ですか? また値"7" は何の値でしょう? 質問2 s1.write("container") これはどの様な役目をしていますか?

  • siba10
  • お礼率66% (800/1201)

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

  • ベストアンサー
  • venzou
  • ベストアンサー率71% (311/435)
回答No.1

>タグの意味を教えて 「タグ」と言うよりは、タグを出力するためのプログラムですね。 <script type="text/javascript" src="swfobject.js"></script> 上記の行で、外部プログラムを実行しています。これは下記のようです。 SWFObject http://blog.deconcept.com/swfobject/ SWFObjectのドキュメントを日本語に翻訳してみたよ http://www.trick7.com/blog/2006/06/15-135235.php ============================================================ >var s1 = new SWFObject("mediaplayer.swf","mediaplayer","300","170","7"); ここの、"300","170"は<object>と<embed>の幅と高さを指定します。 つまり、実際のブラウザ上での、FlashPlayerの大きさになります。 >また値"7" は何の値でしょう? MEDIA PLAYERのFlashを再生するのに必要な、FlashPlayerのバージョンです。 Express Install と呼ばれる仕組を利用しています。 http://www.adobe.com/jp/devnet/flashplayer/articles/expressinstall.html 閲覧者のFlashPlayerのバージョンをチェックし、古いバージョンなら、 まず、FlashPlayerのインストールから始まり、インストールが終了したら、 MEDIA PLAYERが表示されます。(確認はしてません。(^^;) >s1.write("container") これは、実際の<object><embed>タグを出力させるための命令です。 以上の部分は、SWFObjectに特有の設定です。 この部分の詳細は、上記のSWFObjectのページをご覧下さい。 ============================================================ >s1.addVariable("width","300"); >s1.addVariable("height","170"); この値は、MEDIA PLAYERに渡される引数の設定です。 この値をどう扱うかは、MEDIA PLAYER次第です。 変更して試してみた所、MEDIA PLAYER自体の大きさのようです。 この値を小さくすると、Flashに余白が出来ます。 大きくすると、はみ出して見えない部分が出来ます。 「百聞は一見にしかず」です、試してみて下さい。

siba10
質問者

お礼

ご回答くださいましてありがとうございます。 たいへん勉強になりました。 >この値は、MEDIA PLAYERに渡される引数の設定です。この値をどう扱うかは、MEDIA PLAYER次第です。変更して試してみた所、MEDIA PLAYER自体の大きさのようです。この値を小さくすると、Flashに余白が出来ます。大きくすると、はみ出して見えない部分が出来ます。 ということは、 var s1 = new SWFObject("mediaplayer.swf","mediaplayer","300","170","7"); での値と常に揃えておけば良いということですね。 胸のつかえがスッキリしました。ありがとうございました。

関連するQ&A

  • Flashの表示について

    FlashをSWFオブジェクトで表示しています。 回線が遅い場合、Flashが読み込まれる前に一瞬、Flashの表示領域の高さ(CSS)が反映されていない?のか、Flashの下に表示すべき領域がFlashの部分に表示されレイアウトが崩れます。 下記にFlashを表示させる部分に関係のあるHTMLとCSSを記載いたします。 ---------- HTML ---------- ・・・・・・・・・・・・・ <head> <script type='text/javascript' src='js/jquery-1.2.6.min.js'></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript" src="js/swfobject.js"></script> </head> <body> ・・・・・・・・・・・・・ ・・・・・・・・・・・・・ <div id="top">・・・・・</div> <div id="flash"></div> <script type="text/javascript"> var flashvars = null; var params = { bgcolor: "#●●●"}; swfobject.embedSWF("movie.swf", "movie", "840", "250", "9.0.0","expressInstall.swf", flashvars, params); </script> <div id="buttom">・・・・</div> ---------- CSS ---------- #flash { width: 840px; height: 250px; } CSSの250pxが効いていないのかFlash領域の高さがない状態で、上のコンテンツ(div id="top">・・・・</div>)のすぐ下にコンテンツ(<div id="buttom">・・・・</div>)が表示されてしまいます。 解決策に関してどのようなことでも良いので教えてください。 よろしくお願いいたします。

  • JW Playerの"file"にURLに付けた引数を代入したいです。

    JW Playerの"file"にURLに付けた引数を代入したいです。 たとえば http://example.com/example.html?abcd.mp4 とした場合、example.html内のhtmlコードが <script type='text/javascript' src='swfobject.js'></script> <div id='mediaspace'>This text will be replaced</div> <script type='text/javascript'> var so = new SWFObject('player.swf','mpl','800','600','9'); so.addParam('allowfullscreen','true'); so.addParam('allowscriptaccess','always'); so.addParam('wmode','opaque'); so.addVariable("type", "lighttpd"); so.addVariable('file','abcd.mp4'); so.addVariable('controlbar','over'); so.write('mediaspace'); </script> となるようにしたいです。 お力添えお願い申し上げます。

  • SWFObject2.2 再生不具合

    以下のコードでFLASHの埋め込みを行っています。 その際、SWFObjectがバージョン1.7だと問題なくFLASH再生が行われるのですが、 バージョンを最新版の2.2に変えるとFLASHに置き換えられず 「<a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player.」 こちらのリンクが表示されてしまいます。 何か記述方法や環境に問題があるのでしょうか? 詳しい方おられましたらよろしくお願いいたします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <script type="text/javascript" src="swfobject.js"></script> </head> <body> <div id="flvplayer"> <a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player. </div> <script type="text/javascript"> //<![CDATA[ var flv = new SWFObject("flvplayer.swf", "flvplayer", "480", "384", "9"); flv.addParam("flashvars", "file=test.flv&mute=true"); flv.addParam("allowfullscreen","true"); flv.write("flvplayer"); //]]> </script> </body> </html>

    • ベストアンサー
    • Flash
  • リンク(img)をクリックできません

    互換モードのhtmlに swfobject.jsを使用してflash(swf)を埋め込みました。 代替え画像(jpg)を用意してflashの見れないブラウザでは 画像が表示されるようになっています。 このflashはリンクボタンの役目をするものなので 以下のようなタグにしていますが Opera(mac)とIE6(win)にてクリックできず困っています。 (OperaではswfがIEではjpgが表示されています) <div class="main"> <a href="http://www.xxxxx.xxx/"><div id="flash1"><img src="image/image.jpg" alt="○○○"width="150" height="100" ></div></a> <script type="text/javascript">swfobject.embedSWF("image/flash.swf", "flash1", "150", "100", "9.0.0");so.write("flash1");</script> なおsafari(mac)やIE(mac)では問題なく動いていますが どうにもこうにも・・・今回はかなり困って途方に暮れています。 どなたかお解りの方がおりましたら どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • objectタグを使って背景を透明にしたいのですが

    objectタグを使ってindex.html内にmenu.htmlを表示させたのですが、呼び出したmenu.htmlの背景が白くなってしまいました。 個人的には重なっても背景を透明にし、index.htmlが見えるようにしたいと考えています。 対応策はあるでしょうか?お願いします。 【index.html】 <style> div#container { background: url(bg_container.jpg); } </style> </head> <body> <div id="container"> <object type="text/html" data="menu.html" width="200px" height="570px"></object> </div> </body> 【menu.html】 <style> body{ margin: 0; padding: 0; overflow: hidden; border: none; } div#menu_in { width: 200px; height: 570px; } </style> </head> <body> <div id="menu_in"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div> </body>

  • jwplayer.js controlbar制御

    ビデオ再生時に、コントールバーを消したり、表示させたりしたいのですがその制御方法が分からずにいます。(マウスオーバー/マウスアウトでの制御?) サンプルのようにしたいのですが、どうすべきかお教え願えないでしょうか! サンプル http://www.longtailvideo.com/players/ 私のテストソースは、以下となります。 <div id="jwplayer"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div> <script type="text/javascript"> jwplayer("jwplayer").setup({ flashplayer: "player.swf", file: "video01.flv", width: 512, height: 384, skin: "dangdang.swf", image: "video01.jpg", controlbar: "over" }); </script> <noscript><p>JavaScript対応ブラウザで表示してください。</p></noscript>

  • javascript 解析タグのコメントアウト

    XHTMLではなく、HTMLに貼るときにのコメントアウトで、 以下をどうすればよいのでしょうか? <script type="text/javascript" src="http://i.yimg.jp/images/analytics/js/ywa.js"></script> <script type="text/javascript"> var YWATracker = YWA.getTracker("XXXX"); YWATracker.addExcludeProtocol("file:"); YWATracker.submit(); </script> <noscript> <div><img src="http://by.analytics.yahoo.co.jp/p.pl?a=XXXX&js=no"; width="1" height="1" alt="" /></div> </noscript> ------------------------- 例1 <!-- // --> 例2 //<![CDATA[ //]]> 例3 どっちでも良い。

  • ソースコードの読解をお願い致します。

    下記のソースコードの読解(どういう意味なのか)を教えて下さい。全部だと有り難いですが、一部分でも構いません。 <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/ TR/xhtml/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"xml:lang="ja"lang="ja"> <head> <meta http-equiv="Content-Type"content="application/xhtml+xml;charaset=Sift_jis"/> <meta name="keywords"content="キーワード"/> <meta name="description"content="紹介文"/> <title>It's My Life</title> <link rel="stylesheet"href="style.css"type="text/css"> <script src="Script/swfobject_modifiedjs"type="text/javascript"></script> </head> <body> <div id="main"> <!--Header--> <div id="header"> <h1><img src="images/header/gif"width="996"height"207"       alt="its my life雨のち曇り時々晴れ"/></h1> </div> <!--Contents--> <div id="container"> <div id="contents"> <div class="movie-box"> <div class="movie-box-left"></div> <div class="movie-box-right"></div> <div class="movie-box-left"></div> <div class="movie-box-right"></div> </div> <div class="flash-box"> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535"width=700" height"119"> <param name="movie" value"=rollingbtn619.swf"/> <param name="quality" value"=high"/> <param name="wmode" value"=opaque"/> <param name="swfversion" value"=11.0.0.0"/> <!--このパラメータたぐにより、Flash Player6.0または6.5以降を使用して、Flash Playerの最新バージョンをダウンロードするようメッセージが表示されます。ユーザーにメッセージを表示させないようにする場合にはパラメータータグを削除します。 --> <!--次のオブジェクトタブはIE以外の使用するためのものです。IEではIECCを使用して非表示にします。 --> <!--[if !IE]--> <object type="application/x-shockwave-flash"data="rollingbtn619.swf"width="700"height="119"/> <!--<![endif]--> <param name="quality" value"=high"/> <param name="wmode" value"=opaque"/> <param name="swfversion" value"=11.0.0.0"/> <param name=expressinstall"value="Scripts/expressInstall.swf"/> <!--ブラウザには、Flash Player以前の最新バージョンを使用して次の代替えコンテンツが  表示されます。--> <div> <h4>このページのコンテンツには、Adobe Flssh Playerの最新バージョンが必要です。</="httph4> <p><a href="http://www.adobe.com/gogetflashplayer"><img src="http://www.adobe.com/images/shred/download_buttons/get_flash_player.gif" alt="Adobe Flash Playerを取得 width="112"height="33"/></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </div> <!--contents--> </div> <!--container--> <div id="footer"> <img src="images/footer.gif"width="996"height="112"alt="special thanks"/> </div><!--footer--> </div><!--main--> <script type="text/javascript"> swfobject.registerObject("FlashID") //--> </script> </body> </html>

  • JW Playerのfileに、引数を代入したい。

    JW Playerのfileに、引数を代入したい。 http://okwave.jp/qa/q6194327.html と質問内容は同じです。 VURLと指定しても代入が行われず、ただのVURLと認識されてしまいます…。 お力添えをお願いします。 <script type="text/javascript"> var VURL = window.location.search; VURL = VURL.replace(/^\?/, ""); //alert(VURL); var flashvars = { 'file': 'VURL', 'image': 'logo.jpg', 'id': 'playerID', 'controlbar': 'over', 'type': 'video' }; var params = { 'allowfullscreen': 'true', 'allowscriptaccess': 'always', 'wmode': 'opaque' }; var attributes = { 'align': 'top', 'name': 'playerID', 'id': 'playerID' }; swfobject.embedSWF('main.swf', 'playerID', '800', '600', '9.0.124', 'expressInstall.swf', flashvars, params, attributes); </script>

  • jQueryについて

    jQueryのクロスフェードとlightboxを同一ページに設定しています。 よく分かっていないのに、コピペで作っていますが、 クロスフェードをするとlightboxが動作しません。 設定をどう変更したら出来るようになりますか? どなたか助けてください。 <link rel="stylesheet" type="text/css" href="cssjs/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="cssjs/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="cssjs/jquery.lightbox-0.5.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="cssjs/target.js"></script> <script type="text/javascript"> $(function(){ var setImg = '#rightimg'; var fadeSpeed = 1500; var switchDelay = 5000; $(setImg).children('img').css({opacity:'0'}); $(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed); setInterval(function(){ $(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg); },switchDelay); }); </script> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> <title>あかさたな</title> </head> <body> <div id="outer"><!--outer START--> <div id="container"> <div id="header"><!--header START--> <h1>いろはにほへと</h1> </div><!--header END--> <div id="menu"><!--menu START--> <ul id="bar"> <li><a href="index.html">HOME</a></li> <li><a href="ka.html">ABC</a></li> <li><a href="history.html">DEF</a></li> <li><a href="kaga.html">GHJ</a></li> <li><a href="admission.html">KLM</a></li> <li id="sen"><a href="link.html">りんく</a></li> </ul> </div><!--menu END--> <div class="don"></div> <div id="eyecatch"> <div id="leftimg"></div> <div id="rightimg"> <img src="images/1.jpg" width="300" height="300" alt="" /> <img src="images/2.jpg" width="300" height="300" alt="" /> <img src="images/3.jpg" width="300" height="300" alt="" /> <img src="images/4.jpg" width="300" height="300" alt="" /> </div> </div> <div id="contents"><!--contents START--> <h2>最新ニュース</h2> <h3>あかさたな</h3> <div id="gallery"> <ul> <li><a href="top/3.jpg" title="かきくけこ"><img src="top/3s.jpg" width="193" height="272" alt="かきくけこ" /></a></li> <li><a href="top/1.jpg" title="あいうえお"><img src="top/1s.jpg" width="182" height="272" alt="あいうえお" /></a></li> <li><a href="top/2.jpg" title="あいうえお"><img src="top/2s.jpg" width="182" height="272" alt="あいうえお" /></a></li> </ul> </div>

専門家に質問してみよう