css中插入优酷flv视频代码

在网页设计中，插入视频是一件常见的事情，而优酷是国内最大的视频网站之一，为我们提供了海量的视频资源。如果想在网页中插入优酷的视频，我们可以使用CSS来完成。 首先，我们需要从优酷的网站里找到我们想要插入的视频。在视频页面中，点击“分享”按钮，选择“获取嵌入代码”选项，就能够获取到视频的代码信息。 接着，我们需要考虑到网页中的布局，选择合适的位置来插入视频。一般来说，我们会使用一个div容器来包裹视频，然后通过CSS来控制视频的大小和位置。下面是一段示例代码：

.video-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
}

.video-container iframe {
   position: absolute;
    top: 0;
   left: 0;
   width: 100%;
   height: 100%;
} 

上面的代码中，我们使用一个div容器来作为视频的容器，并使用了padding-bottom来控制视频的高度。我们还可以使用position属性来设置视频的位置和大小，从而达到更好的布局效果。 最后，我们需要将优酷提供的视频代码插入到div容器中。下面是一段示例代码：

<div class="video-container">

<iframe src="http://player.youku.com/embed/XXX" frameborder=0 allowfullscreen></iframe>

</div>

在上面的代码中，我们将优酷提供的视频代码插入到了div容器中。需要注意的是，我们需要将优酷的视频地址替换为我们自己想要插入的视频地址。 综上所述，通过CSS来插入优酷的视频是一件相对简单的事情。我们只需要找到视频地址，设置div容器和CSS样式，就可以在网页中插入优酷的视频了。