このページでは、投稿の最後に埋め込み動画が表示されます。 (http://viralinindia.net/narendra-modi/positive-news-journalist-megyn-kelly-insults-tea-seller-modi/14806/)CSSを使用してDIVビデオ要素の位置を変更する方法は?
CSS
私はすべての投稿の終わりにビデオを手動で入れているので、すべての投稿を変更することはできません。
このサイトはWordPressにあります。
このページでは、投稿の最後に埋め込み動画が表示されます。 (http://viralinindia.net/narendra-modi/positive-news-journalist-megyn-kelly-insults-tea-seller-modi/14806/)CSSを使用してDIVビデオ要素の位置を変更する方法は?
CSS
私はすべての投稿の終わりにビデオを手動で入れているので、すべての投稿を変更することはできません。
このサイトはWordPressにあります。
あなたは試してみることもできますが、最初は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 */
}
あなたの携帯電話でフルサイズで表示されているので、今すぐ応答するビデオを作る方法を教えてください、その仕事、あなたの仲間を愛していますか? – user8144288
私はビデオを反応的にしましたが、その欠点はほとんどありません。 – user8144288
あなたは '@media(max-width:767px){}'のようなメディアクエリーブレークポイントをCSSで探して、ビデオコンテナに適切な幅を追加する必要があります。ビデオコンテナは今では絶対に配置されているため、RWDにさらに問題が生じます。そのため、CSSだけではなくページ構造を変更する方がよいでしょう。 – Picard
を。 DOM構造を操作するには、Javascript/jQueryを使用する必要があります。あるいは、データベース内のすべての投稿を修正するためにSQLを使用しようと試みることもできますが、これはかなり難しいと思います。 – WizardCoder
あなたはどのようにjavaを使ってこれを行うことができるのですか? – user8144288
申し訳ありませんが、私は本当にあなたのためのコードを書いていません:)しかし、あなたは '$("#source ")appendTo("#destination ");'のようなものが必要です。 – WizardCoder