将文本与iframe中包含的视频对齐

时间:2017-08-08 17:24:19

标签: html css iframe

我正在尝试为一系列视频和图像组合展示。我已经使用iframe代码嵌入来自Youtube的视频,但我一直遇到视频没有垂直对齐的问题。

https://jsfiddle.net/aldo_rainn/0fcc841p/(缩小至50%以查看问题)

有没有办法让视频垂直,(在彼此的顶部)与页面左侧对齐,并在右侧有描述性文字?

<h3>Content Marketing</h3>
<iframe style="float:left" width="760" height="515" src="https://www.youtube.com/embed/4kEPRHIDltU?autoplay=0&showinfo=0&controls=1" frameborder="0" allowfullscreen>
</iframe>
<p>CNA Video Description of video Results: Combined reach of over 6,000 across multiple platforms</p>
<iframe style="float:left" width="760" height="515" src="https://www.youtube.com/embed/4bYbXGHlNrc?autoplay=0&showinfo=0&controls=1" frameborder="0" allowfullscreen>
</iframe>
<p>Description of video</p>
<img src="/images/EmailNursevueMarketing.jpg" alt="Nursesvue Email Marketing" style="width:600px; height:1500px; margin-left: 200px;">
<img src="/images/Winter Careertek Newsletter.jpg" alt="Email Newsletter" style="width:800px; height:1500px; margin-left: 200px;">
<p>I created and distributed a series of email promotions to potential students interested learning technical skills. Over 2000 people were reached within the first two months. </p>

0 个答案:

没有答案