如何更改使用CSS的DIV視頻元素的位置？

-5

在此頁面上，您可以在帖子末尾看到嵌入的視頻。（http://viralinindia.net/narendra-modi/positive-news-journalist-megyn-kelly-insults-tea-seller-modi/14806/）如何更改使用CSS的DIV視頻元素的位置？

現在我想使用CSS將該視頻放在標題上方，因爲我已將視頻手動放入每篇文章的結尾，並且無法更改每篇文章。

該網站上的WordPress。

有什麼想法嗎？

來源

2017-06-11 user8144288

這不能用CSS來實現。你將不得不使用Javascript/jQuery來操縱dom結構。或者，您可以嘗試使用SQL來修改數據庫中的所有帖子，但我想這會很棘手。 – WizardCoder

你能告訴我如何使用java做到這一點？ – user8144288

對不起，我真的不想爲你寫代碼:)但是你需要像'$（「＃source」）。appendTo（「＃destination」）;''。 – WizardCoder

你可以嘗試，但沒有它可以輕鬆突破首先改變HTML結構。您還應該注意降低分辨率（RWD）以進一步更改CSS代碼。

而是讓這個想法（這是一個壞主意），你可以嘗試類似：

.video-container { 
    position: absolute; /* position it absolutely */ 
    top: 0; 
    width: 640px; 
} 

.theiaPostSlider_slides { 
    position: initial; /* let the .video-container break out of the relative wrapper */ 
} 

.td-post-header { 
    padding-top: 500px; /* give the video some place at the top */ 
}

來源

2017-06-11 11:34:08 Picard

愛你的兄弟，它的工作，你可以告訴我如何讓視頻現在響應，因爲它在手機上顯示全尺寸？ – user8144288

我已經使視頻響應，但它打破了幾件事情。 – user8144288

您應該在CSS中查找媒體查詢斷點 - 例如'@media（max-width：767px）{}'，併爲視頻容器添加適當的寬度。視頻容器現在是絕對定位的，這給RWD帶來了更多麻煩 - 這就是爲什麼改變頁面結構而不是單獨使用CSS更好。 – Picard

如何更改使用CSS的DIV視頻元素的位置？

回答

相關問題