• 締切済み

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>

みんなの回答

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

No.1,No.2です。訂正します。 コンテナーのdivにname属性は不要でした。他、xhtmlのサンプルと混じってました。 (javascript部分に修正はありません) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>SWF TEST </title> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("swfobject","2.1");</script> </head> <body> <div id="myplayer"> <span>Alternative content</span> <p><a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"> </a></p> </div> <script type="text/javascript"> <!-- var VURL = window.location.search; VURL = VURL.replace(/^\?/, ""); function playerReady(Player){ myplayer = window.document.getElementById(Player.id); myplayer.sendEvent('LOAD',VURL); myplayer.sendEvent('PLAY'); } var flashvars ={ controlbar:'over', type:'video', image: 'logo.jpg', autostart:"false" }; var params ={ allowfullscreen: 'true', allowscriptaccess:'always', wmode:'opaque'}; var attributes ={ align:'top', name:'player1', id:'player1'}; swfobject.embedSWF('/jslib/JWPlayer/player-viral.swf','myplayer','800','600','9.0.124', 'expressInstall.swf',flashvars,params,attributes); // --> </script> </body> </html>

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

JW Playerならこんな感じと思うんですが、 (全角空白は半角空白に直してね) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <tytle>Test</tytle> <script src="http://www.google.com/jsapi"></script> <script>google.load("swfobject","2.1");</script> </head> <body> <div id="myplayer" name='myplayer'> <span>Alternative content</span> <p><a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a></p> </div> <script type="text/javascript"> var VURL = window.location.search; VURL = VURL.replace(/^\?/, ""); function playerReady(Player){  myplayer = window.document.getElementById(Player.id);  myplayer.sendEvent('LOAD',VURL);  myplayer.sendEvent('PLAY'); } var flashvars ={     controlbar:'over',     type:'video',     image: 'logo.jpg',     autostart:"false" }; var params ={     allowfullscreen: 'true',     allowscriptaccess:'always',     wmode:'opaque'}; var attributes ={     align:'top',     name:'player1',     id:'player1'}; swfobject.embedSWF('/jslib/JWPlayer/player-viral.swf',           'myplayer','800','600','9.0.124',           'expressInstall.swf',flashvars,params,attributes); </script> </body>

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

VURLと認識されてしまいます file': 'VURL', となっているから、VURLの中身じゃなく、VURLという文字列に なるのです。 'file': VURL, です。 ※他にも'VURL'みたいに、変数を指定しなきゃならんところを ''つけている部分があるような...。 'playerID'とか、こいつは'playerID'というIDになるから別に かまわないけど、気持ち悪い。

関連するQ&A

  • swfobjectのwmodeを再生中に変更

    swfobject2.2を使ってフラッシュムービーをホームページに埋め込んでいます。 <script type="text/javascript"> var swfVersionStr = "10.1.0"; var xiSwfUrlStr = "expressInstall.swf";//インストールを勧めるswf var flashvars = {}; var params = {}; params.quality = "high"; params.bgcolor = "#ffffff"; params.allowscriptaccess = "sameDomain"; params.allowfullscreen = "true"; params.wmode = "direct"; var attributes = {}; attributes.id = "xxxxx"; attributes.name = "xxxxx"; attributes.align = "middle"; attributes.wmode = "direct"; swfobject.embedSWF("xxxxx.swf", "flashContent", "480", "320", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes); </script> wmode = "direct"の部分ですが、ムービーの再生中にwmode = "transparent"に 変更できるでしょうか? javascriptでどうすればいいのかお願いします。

  • 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> となるようにしたいです。 お力添えお願い申し上げます。

  • SWFObject使用時のリキッドデザイン

    SWFObjectを使用してフラッシュのプラグインがない場合は他のソースを読み込み、ある場合はフラッシュをリキッドデザインで表示するように作っています。 しかし、リキッドデザインのフラッシュが表示される時に高さを100%にしているのもかかわらず、180pxくらいで表示が切れてしまいます。この現象はIEで起きてしまい、GoogleChromeでは正常に動作しました。他のブラウザでは試していません。 自分ではこれ以上どこを修正すればいいか分かりません。 どなたかお知恵を貸してください。よろしくお願いします。 ブラウザIE8、GoogleChrome4.1.249.1045 スクリプトSWFObject2_2を使用しています。 以下、HTMLのソースです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="main" lang="en" xml:lang="en"> <head> <title>SWFObject 2 static publishing example page</title> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; var params = { quality:'high', scale:'showall', salign:'lt', bgcolor:'#eeeeee', allowScriptAccess:'sameDomain'}; var attributes = {}; swfobject.embedSWF("test.swf", "id", "100%", "100%", "9.0.0", "expressInstall.swf",flashvars,params,attributes);</script> </head> <body> <div id="id"> <p>プラグインが入っていません。</p> </div> </body> </html>

  • 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>)が表示されてしまいます。 解決策に関してどのようなことでも良いので教えてください。 よろしくお願いいたします。

  • JavaScript内の文字を連結したい

    jQueryを使っています。 「$(this).attr("id");」でidの値を取得し、それを下記の「あああああ」部分に展開して連結をさせたいですが、どうやったらいいかわかりません。 $(function(){  $("a").click(function() {   var flashvars = {};   var params = {    scale:'noScale',    salign:'lt',    menu:'false',    allowfullscreen:'true',    flashvars:'programId=あああああ&dispMode=outer'   };  }); }); idが「004」だとするなら 「flashvars:'programId=004&dispMode=outer'」と連結したいです。 よろしくお願いします。

  • Flashの外部ファイル化の質問です。

    flash cs4でフラッシュを制作し、そのflashをdreamweaver cs4でhtml内に配置しました。 下記のソースコードを簡略化したいのですが、やり方がわかりません。 flashのソースコードを外部ファイル化して、すっきりさせたいので す。 どなたか教えていただけないでしょうか? よろしくお願い致します。 <!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 src="scripts/swfobject_modified.js" type="text/javascript"></script> </head> <body> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="400"> <param name="movie" value="images/karon_flash.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.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="images/karon_flash.swf" width="700" height="400"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.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 を取得" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID"); //--> </script> </body> </html>

  • FLASHボタンをHTMLまたはCSSで非表示にしたい。

    こんにちは、只今、ホームページを作っています。 CSSで一部のコンテンツを非表示にしているのですが、 FLASHの部分が表示されてしまいます。 対処法を教えていただけますでしょうか? 【CSS】 @charset "utf-8"; /* CSS Document */ #contents table tr td { font-family: "Blue Highway D Type"; font-weight: bold; text-align: left; } body,td,th { font-family: Blue Highway D Type; color: #999; font-size: 12px; } #contents { visibility:hidden; } 【Html】 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="Style_Index.css" rel="stylesheet" type="text/css" /> </head> <body> <div align="center"> <p></p><div id="Hedder" align="center"><table width="800px" cellspacing="0"> <tr> <td colspan="2" align="left"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="80" id="FlashID2" title="MOBILISEZ_ENTER"> <param name="movie" value="flash/movilisez_logo.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash/movilisez_logo.swf" width="200" height="80"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <div> <h4></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 を取得" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></td> </tr> </table></div><p></p> <div id="contents"> <div id="menu" align="center"> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="35"> <param name="movie" value="flash/F_MenuBar.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <param name="LOOP" value="false" /> <!-- --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="flash/F_MenuBar.swf" width="800" height="35"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <param name="LOOP" value="false" /> <!-- --> <div> <h4></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 を取得" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> <div id="Naiyou"><table width="800px" cellspacing="0"> </table> </div> </div> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID"); //--> </script> </div> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID2"); //--> </script> </body> </html>

  • 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
  • アメブロのフリースペースにブログパーツを表示させる

    アメブロのプロフィールにフリースペースがありますよね? そこにこの↓ブログパーツを表示させたいんですが・・・ <script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load("swfobject", "2"); </script><script type="text/javascript">var flashvarsARmj2dDMLW = {lcolor:"663300",hcolor:"FFFF33",zcolor:"FF0066",rcolor:"FF6600",volume:"35",psize:"20",fsize:"12",auto:"1",rand:"1",dbno:"14899"};var paramsARmj2dDMLW = {loop:"true",quality:"high",wmode:"window",bgcolor:"#000000"};var attributesARmj2dDMLW = {id:"flashARmj2dDMLW", name:"flashARmj2dDMLW"};swfobject.embedSWF("http://www.ryuutuu.net/yt/yt-flash.swf", "ARmj2dDMLW", "300", "200", "10.0.0", "", flashvarsARmj2dDMLW, paramsARmj2dDMLW, attributesARmj2dDMLW);</script><div id="ARmj2dDMLW"><a title="RaQoo通販" href="http://www.ryuutuu.net/">RaQoo通販</a></div> そもそもプロフィールのフリースペースにブログパーツを表示させることができるんでしょうか? なんとか自分で調べていろんな方法を試してみましたができませんでした。 表示させることができるのか、 できるならその方法を分かりやすく教えていただけるとありがたいです。 お願いします!!m(_ _)m

  • アメーバブログについてです。

    アメブロのプロフィールページのフリースペースに 下のブログパーツを表示させたいんですが・・・↓ <script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load("swfobject", "2"); </script><script type="text/javascript">var flashvarsARiErbKQlN = {lcolor:"660000",hcolor:"FFCC33",zcolor:"FF0099",rcolor:"FF3300",volume:"35",psize:"20",fsize:"12",auto:"1",rand:"1",dbno:"14899"};var paramsARiErbKQlN = {loop:"true",quality:"high",wmode:"window",bgcolor:"#000000"};var attributesARiErbKQlN = {id:"flashARiErbKQlN", name:"flashARiErbKQlN"};swfobject.embedSWF("http://www.ryuutuu.net/yt/yt-flash.swf", "ARiErbKQlN", "300", "200", "10.0.0", "", flashvarsARiErbKQlN, paramsARiErbKQlN, attributesARiErbKQlN);</script><div id="ARiErbKQlN"><a title="通販" href="http://www.ryuutuu.net/" target="_blank">通販</a></div> 「不正な文字が含まれています」とでるんです。 この中に不正な文字が入っているんでしょうか? これを直接貼り付ける方法でやっているんですが・・・ 私のやり方が間違っているんでしょうか? できればこのブログパーツをアメブロのプロフィールページに表示させれるかたちにしていただきたいです。 それか、表示させれる方法を教えてくださると助かります。 あと、フリープラグインでなら表示されることは知っています。 しかし、私がブログパーツを表示させたいところは プロフィールページのフリースペースなので それについて詳しい方 教えてくださると嬉しいですm(_ _)m

専門家に質問してみよう