JW PlayerのURLに引数を代入する方法

このQ&Aのポイント
  • JW Playerの「file」パラメータにURLに付けた引数を代入する方法を紹介します。
  • 例えば、URLが「http://example.com/example.html?abcd.mp4」となっている場合、指定したURLに応じた動画が再生されるようにしたいです。
  • 具体的には、HTMLコード内でJW Playerを設定し、「file」パラメータにURLの引数を指定することで、指定した動画を再生できるようになります。
回答を見る
  • ベストアンサー

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

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

  • ベストアンサー
  • kuzumiHK
  • ベストアンサー率72% (132/183)
回答No.1

こちらでいかがでしょうか。 <script type="text/javascript"> var hoge = window.location.search; hoge = hoge.replace(/^\?/, ""); //alert(hoge); 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',hoge); so.addVariable('controlbar','over'); so.write('mediaspace'); </script>

Profes
質問者

お礼

実装したい通りに動いてくれました! ありがとうございました。

関連するQ&A

  • 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>

  • file:// の書き方について

    共有フォルダ内のファイルをロードしたいのですが、 どのように書くのが正しいのでしょうか。 <script type="text/javascript" src="file://IPアドレス/フォルダ/ファイル名"></script>

  • input type="file"のvalue監視

    input="file"のvalue値が変更されたら別のテキストフィールドに表示するというScriptを書いたのですが動作してくれません。 input="file"ではなく普通のテキストフィールドならば動作します。 fileフィールドでは動作しないのでしょうか。それとも書き方がまずいのでしょうか。 以下、ソースです。 <html> <head> <title>test</title> <script type="text/javascript" src="/javascript/prototype.js"></script> </head> <body> <form action="" enctype="multipart/form-data" method="post"> <input id="file_test" name="file_test" type="file"> <br> <div id="result">表示</div> <script type="text/javascript"><!-- window.onload = function() { new Form.Element.Observer('file_test', 1, function(element, value) { document.getElementById('result').innerHTML = value; }); } //--></script> </form> </body> </html> よろしくお願いします。

  • javascriptのURL部分に引数を渡したい

    <script type="text/javascript" src="URL"></script> の URL部分に引数を渡したいのですが、どうしたらよいですか? イメージとしては、webページのどこかに <script type="text/javascript"> var keyword='キーワード'; </script> みたいにあって、次に <script type="text/javascript" src="URL&key=keyword"></script> とURLにパラメータを引数としてつけたいのです。 初心者で申し訳ありません。 どなたか教えてください。

  • SWFObjectでFlexに変数を渡す方法

    SWFObjectでFlexに変数を渡す方法がわからず悩んでいます。 簡単なサンプルとして、SWFObjectで渡した変数をAlertで表示するFlexを書こうとしています。FlexもSWFObjectも勉強を始めて間もないので根本的に間違っているところがあると思いますが、自分で考えてうまくいかなかったプログラムを下に書きます。まず、htmlファイルです。 <html><body> <script type="text/javascript" src="/js/swfobject.js"></script> <div id="flashcontent"></div> <script type="text/javascript"> var so = new SWFObject("foo.swf", "hogemovie", "200", "100", "7", "#336699"); so.addVariable("message", "hogehoge"); so.write("flashcontent"); </script> </body></html> so.addVariable("message", "huguhugu")で、Flexプログラム内の変数messageに"hogehoge"を代入できると思ったので、Flexプログラムを以下のようにしました。 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="oninit()"> <mx:Script> <![CDATA[ import mx.controls.Alert; public var message:String; private function saySomething(arg:String):void { Alert.show(arg); } private function oninit():void { saySomething(message); } ]]> </mx:Script> </mx:Application> しかし、これではAlertのポップアップは出るものの、"hogehoge"は表示されませんでした。

    • ベストアンサー
    • Flash
  • ウェブサイトにFlash画像(SWF)を設置する方法を教えてください。(MT4, swfobject.jsを使用)

    こんにちは。Mt4でサイトを作成中です。 swfobject.jsを使ってメインページ(最初のページ)でFlash画像を入れたいのですが、掲載がうまくできません(Flashが対応していない場合に出すテキストが表示されている状態です)。 参考にさせてもらったサイトです。 http://www.trick7.com/blog/2006/09/12-165342.php サイトにフラッシュを入れるために追加したHTMLです。 Head内 <script type="text/javascript" src="http://nz-highschool.com/js/swfobject.js"></script> Body内 <div id="flashcontent"> ニュージーランド高校留学センターのトップメイン画像 </div> <script type="text/javascript"> var so = new SWFObject("http://nz-highschool.com/images/otameshi2.swf", "short", "625", "200", "7", "#fff"); so.write("shortFlash"); </script> 私のサイトのURLは下記です。(フラッシュの部分は上記からいじってないので、今の状態も確認していただけます。) http://nz-highschool.com かなり苦戦しているので、誰か助けてください。 よろしくお願いします。

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

  • 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
  • タグの意味を教えて

    ウェブサイト(自分のホームページ)で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") これはどの様な役目をしていますか?

  • 引数の使い方について

    以下はツリーメニューを表示するスクリプトです。 *********************************** <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title></title> <script> <!-- function FUNC(Tname){ Tmenu=Tname.style; if(Tmenu.display=="none"){ Tmenu.display="block"; } else{ Tmenu.display="none"; } } //--> </script> </head> <body> <a href="javascript:FUNC(div1)">ツリーメニュー</a> <div id="div1" style="display:none;"> <a href="#">aaaaaa</a><br> <a href="#">bbbbbb</a><br> <a href="#">cccccc</a><br> </div> </body> </html> *********************************** この場合、styleまでの階層を変数Tmenuに代入して、 それ以後はその変数Tmenuを使用しているわけですが、 変数Tmenuを宣言せずに、直接Tnameで階層を表現しようとしたらエラーになります。 (<script></script>内を以下のように記述した場合です) <!-- function FUNC(Tname){     if(Tname.display=="none"){ Tname.display="block"; } else{ Tname.display="none"; } } //--> なぜ引数をそのまま階層に使ったらエラーになるでしょうか? よろしくお願いします<(_ _)>