我正在尝试将youtube嵌入视频嵌入到我的phonegap项目中。虽然如果将iframe插入任何页面,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');
}
有什么想法吗?