如何自定義您的網站在iframe中的顯示方式

我注意到當您嵌入Youtube.com和Streamble.com等網站時，只有視頻出現在iframe中。他們如何做到這一點？ iframe不應該加載整個網頁？如何自定義您的網站在iframe中的顯示方式

我試過的東西： 最初我以爲你應該把mp4文件包裝在og：video標籤中，但是這並不起作用。

來源

2017-04-10 Chris Jones

請使用示例代碼和錯誤的詳細信息提出更具體的問題，以便我們可以幫助您找出問題所在。 –

我不知道你需要更多的信息....我的問題很簡單。 Youtube如何確保只有視頻顯示在iFrame中，而不是整個網頁？ –

他們是怎麼做到的？只提供視頻。查看iframe上的src屬性中的網址。將其加載到瀏覽器中（您需要將http添加到它的前面），並且只會獲得視頻內容。

來源

2017-04-10 22:24:44 jmargolisvt

但後來這個怎麼樣例如 https://streamable.com/h9lbq 我利用在該網站上的iframe，它只是呈現的視頻嘗試： https://jsfiddle.net/dk2m3471/ –

沒錯，這是完全正確的。查看該iframe中'src'的網址。這也只是視頻：https：//streamable.com/res/h9lbq – jmargolisvt

啊沒關係。感謝brotha。我在問，因爲如果你熟悉reddit.com，他們會讓你發佈一個流式鏈接（https://streamable.com/h9lbq），並自動爲它呈現一個iframe，這樣你就可以用reddit來觀看視頻了。這是否是reddit控件 - 如果您發佈流式鏈接，它會將https://streamable.com/h9lbq更改爲https://streamable.com/res/h9lbq？ –

如何自定義您的網站在iframe中的顯示方式

回答

相關問題