使用css或html动态视频/图像样式

时间:2011-08-30 19:18:53

标签: html css embed

我可以在我的HTML页面中嵌入YouTube视频片段;

<div class="videob">    
        <iframe title="YouTube video player" 
        class="youtube-player" type="text/html" 
        width="610" height="390" src=
        "http://www.youtube.com/embed/grh03-NjHzc"
        frameborder="0" allowFullScreen>
        </iframe>
</div>

我道歉,如果我觉得模糊,但我真正想要的是剪辑在点击时到达页面的中心并使背景变暗。类似于“关闭灯光”应用程序在Google Chrome中的功能。我想对图像做同样的事情。

1 个答案:

答案 0 :(得分:0)

我更喜欢Shadowbox,因为Fancybox往往导致IE冻结。你可以在这里查看

http://www.shadowbox-js.com/

所以在你设置了shadowbox后......

这是头脑:

<link rel="stylesheet" type="text/css" href="includes/shadowbox.css">
<script type="text/javascript" src="includes/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

以下是您的视频:

<a href="http://www.youtube.com/embed/grh03-NjHzc" rel="shadowbox;width=610;height=390;" title="Nelson Mandela's inaugural address">

干杯!