搜索 用户中心
  • 欢迎光临三九网站目录 , 快审50元/站,快审请联系站长QQ:704918986
    当前位置 首页 > 教程收藏 > CSS教程
    如何使用CSS实现嵌入FLASH视频自适应长宽
        发布时间:2015-10-27 13:00:48    发布作者:admin

    iq2三九网站目录

    为了嵌入FLASH视频并使其自适应长宽,我们为所有开发人员准备了一个非常有用的CSS技巧。在我进一步之前,我想引入介绍这个CSS技巧并帮助很多开发者嵌入交互视频的网站。 部分CSS样式代码如下;iq2三九网站目录

    .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    }
    .video iframe,
    .video object,
    .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    如何应用到模板?iq2三九网站目录

    把上面的CSS放到模板的主CSS里面,比如CSS最后!iq2三九网站目录

    然后后台发布视频编辑器里HTML部分为iq2三九网站目录

    <p class="video"><iframe src="http://player.youku.com/embed/XOTI3MjU1MTIw" frameborder="0" allowfullscreen=""></iframe></p>

    这样就可以了!iq2三九网站目录

    最新资讯
    最新收录
    热门资讯