为什么 parsedList.title
没有显示在嵌入的 iframe
旁边?
https://jsfiddle.net/bobbyrne01/9ztgxhd7/
html
<div id="content">
</div>
JavaScript
var parsedList = [];
parsedList.push({'title': 'test', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur" width="200" height="160" scrolling="no" frameborder="0" allowfullscreen></iframe>'});
parsedList.push({'title': 'test2', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur" width="600" height="400" scrolling="no" frameborder="0" allowfullscreen></iframe>'});
parsedList.push({'title': 'test3', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur" width="300" height="160" scrolling="no" frameborder="0" allowfullscreen></iframe>'});
parsedList.push({'title': 'test4', 'embed': '<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2F…key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur" width="600" height="200" scrolling="no" frameborder="0" allowfullscreen></iframe>'});
document.getElementById('content').innerHTML = '<div class="list-group">';
for (var i = 0 ; i < parsedList.length; i++){
if (parsedList[i].embed != null){
parsedList[i].embed = parsedList[i].embed.replace(/width=".*?"/, 'width="200"');
parsedList[i].embed = parsedList[i].embed.replace(/height=".*?"/, 'height="160"');
document.getElementById('content').innerHTML += '<a href="#" class="list-group-item">' + parsedList[i].embed + parsedList[i].title + '</a>';
}
}
document.getElementById('content').innerHTML += '</div>';
最佳答案
嵌入属性没有 iframe
结束标记。这是您的工作代码。
allowfullscreen></iframe>
被替换为这些
allowfullscreen ></iframe>
在你的parsedList
希望有帮助。
关于javascript - 如果字符串放置在 iframe 之后,则不会显示使用引导列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36283230/