2017-06-11 12 views
-5

このページでは、投稿の最後に埋め込み動画が表示されます。 (http://viralinindia.net/narendra-modi/positive-news-journalist-megyn-kelly-insults-tea-seller-modi/14806/CSSを使用してDIVビデオ要素の位置を変更する方法は?

CSS私はすべての投稿の終わりにビデオを手動で入れているので、すべての投稿を変更することはできません。

このサイトはWordPressにあります。

+0

を。 DOM構造を操作するには、Javascript/jQueryを使用する必要があります。あるいは、データベース内のすべての投稿を修正するためにSQLを使用しようと試みることもできますが、これはかなり難しいと思います。 – WizardCoder

+0

あなたはどのようにjavaを使ってこれを行うことができるのですか? – user8144288

+0

申し訳ありませんが、私は本当にあなたのためのコードを書いていません:)しかし、あなたは '$("#source ")appendTo("#destination ");'のようなものが必要です。 – WizardCoder

答えて

0

あなたは試してみることもできますが、最初はHTML構造を変更することなく簡単に中断できます。 CSSコードをさらに変更する低解像度(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 */ 
} 
+0

あなたの携帯電話でフルサイズで表示されているので、今すぐ応答するビデオを作る方法を教えてください、その仕事、あなたの仲間を愛していますか? – user8144288

+0

私はビデオを反応的にしましたが、その欠点はほとんどありません。 – user8144288

+0

あなたは '@media(max-width:767px){}'のようなメディアクエリーブレークポイントをCSSで探して、ビデオコンテナに適切な幅を追加する必要があります。ビデオコンテナは今では絶対に配置されているため、RWDにさらに問題が生じます。そのため、CSSだけではなくページ構造を変更する方がよいでしょう。 – Picard

関連する問題