Question

我有一个包含多个youtube链接的页面，该链接在iframe上有效，因此当用户单击此链接时，它将嵌入youtube视频并使用html和jquery在iframe im中播放，如下所示：

HTML：

<a href="http://www.youtube.com/embed/Q5im0Ssyyus">Charlie 1</a>
<a href="http://www.youtube.com/embed/QFCSXr6qnv4">Charlie 2</a>
<a href="http://www.youtube.com/embed/eaCCkfjPm0o">Charlie 3</a>
<iframe name="someFrame" id="someFrame" width="560" height="315"></iframe>

JavaScript / jQuery：

$(document).ready(function(){
$("a").click(function(e) {
    e.preventDefault();

    $("#someFrame").attr("src", $(this).attr("href"));
})});

问题是，当用户在浏览器中单击“后退”按钮时，它不在iframe中返回页面，因此您需要单击几次才能返回到该页面，您想知道如何解决该问题？

Answer 1

如何删除jquery代码并将target="someFrame"添加到链接标记，其中“ someFrame”是iframe的ID，如下所示：

<a href="http://www.youtube.com/embed/Q5im0Ssyyus" target="someFrame">Charlie 1</a>
<a href="http://www.youtube.com/embed/QFCSXr6qnv4" target="someFrame">Charlie 2</a>
<a href="http://www.youtube.com/embed/eaCCkfjPm0o" target="someFrame">Charlie 3</a>
<iframe name="someFrame" id="someFrame" width="560" height="315"></iframe>

如何防止后退按钮在iframe上工作？

1 个答案: