<video>タグの絶対位置

Question

ビデオタグの配置に少し問題がありました。フォアグラウンドのような画像にビデオ要素を配置する必要があります（添付ファイルの画像）。私は別のcssポジショニングトリックを使用しましたが、この場合は何も問題ありません。コンテンツが異なるdiv要素のビデオタグを変更しても、うまくいきます。私はタグのビデオが問題になる可能性があると考え始めている。私はcssを目的に追加しなかった、私はあなたの提案を求めている。おかげ

<div class="item active"> 
    <img src="../public/images/xxx.png"> 
    <div><video height=410px width:470px controls="controls"> 
      <source src="https:xxxxxx" type="video/mp4" /> 
     </video> 
    </div> 
</div> 

Answer 1

は、私はこれがあなた

\t   img{ 
 
     width: 100%; 
 
\t height: 500px; 
 
\t position: absolute; 
 
\t } 
 

 
\t \t video{ 
 
\t \t \t position: absolute; 
 
\t \t \t left: 50%; 
 
\t \t \t transform:translateX(-50%); 
 
\t \t }

Answer 2

はあなたの問題を解決する画像を浮動してみ助けることができると思います。 画像タグにstyle="width:100%; height:auto;float:left;"を追加

<div class="item active"> 
    <img src="../public/images/xxx.png" style="width:100%; height:auto;float:left;"> 
    <div><video height=410px width:470px controls="controls"> 
      <source src="https:xxxxxx" type="video/mp4" /> 
     </video> 
    </div> 
</div>