我正在設置一個 iframe 來嵌入來自服務器的流視頻，它運行完美。當用戶單擊標簽以更新 iframe 并更改其來源時，我需要這樣做。它也適用于我桌面上的不同瀏覽器，但不適用于移動設備。用戶單擊標簽后，iframe 變空并僅在移動設備瀏覽器上顯示（未找到）這種情況。有什么解決辦法嗎？我搜索了很多答案，所有這些都為移動瀏覽器提供了相同的結果。我還嘗試使用 javascript 函數來更新 iframe 的源代碼。iframe：<iframe name="iframe1" id="frameid" style="width:600px; height:480px;" allowfullscreen src="http://serverip:8080/cc/embed.html"></iframe>將更新 iframe 源的鏈接：<a href="#" onclick="update('http://serverip:8080/test.html')">javascript函數：<script> function update(loc) { document.getElementById('frameid').src = loc; } </script>我也嘗試重新加載 iframe，但它也不起作用：function update2(loc) { document.getElementById('frameid').src = loc; document.getElementById('frameid').contentWindow.location.reload(true); }我還嘗試在單擊鏈接時創建一個新的 iframe，它創建了一個新的 iframe 但也是空的，也顯示（未找到）。
2 回答
慕虎7371278
TA貢獻1802條經驗 獲得超4個贊
你可以做這樣的事情：
<a href="http://www.google.com/" onclick="return loadIframe(this.href);">Page 1</a>
<a href="http://www.apple.com/" onclick="return loadIframe(this.href);">Page 2</a>
<iframe name="frameid" id="frameid" src="http://www.microsoft.com/" frameborder="0">
Your browser doesn't support iframes.
</iframe>
function loadIframe(url) {
$("#frameid").attr('src',url);
return false;
}
湖上湖
TA貢獻2003條經驗 獲得超2個贊
你在正確的軌道上。
這一行確實有效：
document.getElementById('myFrame').src = 'https://yournewurl.com';
不要在鏈接上使用 onclick 屬性，而是嘗試添加一個事件偵聽器，如下所示：
document.getElementById('myLink').addEventListener('click', () => {
// change src attribute of iframe
document.getElementById('myFrame').src = 'https://yournewurl.com';
})
- 2 回答
- 0 關注
- 241 瀏覽
添加回答
舉報
0/150
提交
取消