私の phonegap プロジェクトに YouTube 埋め込みビデオを実装しようとしています。どのページに挿入しても iframe は正常に機能しますが、私の mysql データベースからこれらのビデオを読み込もうとしています。ビデオをこの構造内に表示したい:
<div data-role="collapsible-set" id="gameVideo" data-theme="" data-content-theme="">
<div data-role="collapsible" data-collapsed="true">
<h3>
Trailer
</h3>
<iframe width="300" height="169" src="http://www.youtube.com/embed/Jx3vb_AC0ZQ" frameborder="0" allowfullscreen></iframe>
</div>
置き換える必要があるのは、データベースからデータをロードする iframe セクションだけです。これまでにデータをロードするための私のjavascriptは次のとおりです。
function displayGame(data) {
game = data.item;
console.log(game);
$('#gamePic').attr('src', '' + game.Image);
$('#gameTitle').text(game.Title);
$('#gamePrice').text(game.Price);
$('#gameFormat').text(game.Format);
$('#gameStock').text(game.Stock);
$('#gameDesc').text(game.Description);
$('#gameVideo').attr('src', '' + game.Video);
$('#actionList').listview('refresh');
}
何か案は?