Question

jQueryテンプレートを使用して、投稿されたYouTube動画を埋め込みます。私はビデオIDを取得し、データベースに保存することができ、すべてが正しく動作しています。次のようにjQueryのテンプレートでビデオを埋め込むしようとすると、しかし：

{{if streamObj.TypeOf == 3}} 
      <object width="425" height="350" data='http://www.youtube.com/v/${VideoId}' type="application/x-shockwave-flash"> 
      <param name="src" value='http://www.youtube.com/v/${VideoId}' /></object> 
{{else}} 

私は次のエラーを取得する："NetworkError: 404 Not Found - http://www.youtube.com/v/"

${VideoId}とstreamObj.TypeOf正しく返します。しかしそれは誤りです。 これを引き起こす原因は何ですか？ありがとうございました。

Answer 1

これを試してみてください。

<object width="425" height="350" data='http://www.youtube.com/v/' + ${VideoId} type="application/x-shockwave-flash"> 
    <param name="src" value='http://www.youtube.com/v/' + ${VideoId} /> 
</object> 

おそらくよいでしょう。

var videoUrl = 'http://www.youtube.com/v/' + ${VideoId}; 

<object width="425" height="350" data=videoUrl type="application/x-shockwave-flash"> 
    <param name="src" value=videoUrl /> 
</object> 

私はあなたのコード内のテンプレートタグが原因テンプレートタグはJS文字列値の一部として設定されているという事実にcorretly評価されていないと信じています。

Answer 2

あなたは、文字列のうち${VideoId}を取得し、

var videoIdString=${videoId}; 

var urlString='http://www.youtube.com/v/' + videoIdString ; 

ので同様に文字列操作を使用する必要があります。このページでは

、IVEは見たことがない$ {}引用符の間で使用されます。

http://api.jquery.com/template-tag-equal/

ので、あなたのコードは次のようになります。

var videoIdString=${videoId}; 

<object width="425" height="350" data='http://www.youtube.com/v/'+videoIdString 
type="application/x-shockwave-flash"> 
<param name="src" value='http://www.youtube.com/v/'+videoIdString /></object>