我试图在我的 phonegap 项目中实现一个 youtube 嵌入视频。如果将 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');
}
有任何想法吗?