无法获取文字环绕视频

时间:2014-11-20 21:23:47

标签: html css

我试图让我的视频在右边浮动,但无法让文字环绕它。有什么建议?我试过在周围的文字和视频上放一个浮动,但无济于事!

<video controls width="360" poster="../images/video.jpg" style="float:right;">

JSfiddle:http://jsfiddle.net/42hst8d5/

2 个答案:

答案 0 :(得分:1)

您的<video>元素低于所有文字。为了让文字在其周围浮动,请将视频放在<p>标记上方或之内:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat accumsan lacus sed lacinia. Vestibulum ac leo nisl. Fusce porttitor sollicitudin fermentum. Nam vulputate quis dui in faucibus. Donec congue in urna a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum odio metus, faucibus quis vulputate eu, tristique vitae ipsum. Morbi sagittis mi tincidunt sagittis congue. Donec a aliquam ex. Vivamus lacinia mollis ante ut suscipit. Donec condimentum interdum lorem. In scelerisque metus euismod, aliquet nulla a, rutrum nulla. Aliquam erat volutpat. In hac habitasse platea dictumst.</p>
<video ...></video>
<p>Sed justo massa, suscipit non pulvinar a, auctor vel felis. Aliquam pretium sem et est tincidunt, sit amet volutpat turpis malesuada. Suspendisse efficitur sollicitudin tellus, nec eleifend leo. Suspendisse potenti. Vestibulum magna odio, laoreet a mattis a, hendrerit viverra leo. Nulla facilisi. Ut consequat suscipit velit. Nulla bibendum, velit quis dapibus scelerisque, ligula nisi faucibus turpis, vitae tristique urna lorem in nunc.</p>

查看更新的http://jsfiddle.net/d9doczjn/

答案 1 :(得分:1)

您需要将<p> aragraph标记包含在<section>中,并附上某种类。 {@ 1}}您的部分已离开,然后float该视频也会离开。确保视频不在float标记内。例如:

http://jsfiddle.net/42hst8d5/