如何使用CSS实现嵌入FLASH视频自适应长宽

如何使用CSS实现嵌入FLASH视频自适应长宽,第1张

为了嵌入并使其自适应长宽,准备了一个非常有用的CSS技巧。在我进一步之前,引入介绍这个CSS技巧。 部分CSS样式代码如下;

.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%

}

直接插入即可。

可以参考优酷等视频网站的视频链接(网页嵌入方式)的代码。

详细参数和使用方法可以网上查询。

主要是<object></object>和<param></param>的用法

<head>

<script type="text/javascript" src="js/flash.js"></script>【js文件】

</head>

<div class="banner_sy">

<script language="javascript">render_flash('images/banner.swf','100%','406')</script>

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11250711.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-14
下一篇2023-05-14

发表评论

登录后才能评论

评论列表(0条)

    保存