youtube视频作为网站背景 [英] youtube video as web site background

查看:200
本文介绍了youtube视频作为网站背景的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有办法嵌入youtube视频作为一个网页的背景与html,CSS和javascript的实际网站内容在上面?如何?

is there a way to embedd youtube video as a background of a web page with html, css and javascript with the actual site content on top? how?

基本上,它应该是一个视频自动播放,被静音(但音量可以由访问者)和网站应该工作良好它的顶部(网站是最小的,所以大多数视频应该始终可见)。网站是最小的,默认情况下在大多数浏览器中不会显示滚动条,视频应该是100%的宽度和高度。

basically, it should be a video that auto plays, is muted (but the volume can be turned up by the visitor) and the site should work well being on top of it (the site is minimal so most of the video should be visible at all times). the site is minimal enough that no scroll bars would be visible by default in most browsers and the video should be 100% width and height.

示例?链接?

尝试过Google但找不到它。

tried Google but couldn't find it.

html5和css3首选:)

html5 and css3 preferred :)

我真的需要一个LIVE EXAMPLE SOMEWHERE接近),因为我尝试了所有(通过谷歌和失败)

也有相关 - 似乎没有自己的研究)以任何方式减慢YouTube视频的播放速度(例如:慢24倍) - true / false?

also, related - there doesn't seem to be (as per my own research) any way of slowing down the play of youtube videos (for example: 24 times slower) - true / false?

推荐答案

两种方式 回答这个问题:

There are two ways to answer this question:


  1. 将flash播放器的wmode设置为透明,指数。将内容放入另一个具有较高z-index的绝对div。

  1. Set the flash player's wmode to transparent, put it in an absolute div with a low z-index. Put the content in another absolute div with a higher z-index.

不要这样做。认真。不要将电影放在网站的主要内容之后。你正在帮助你的客户群,使网站野兔查看和阅读,并违反了一两个其他指南在良好的网站设计。为什么不将视频放在文档所属的文档流中?

Don't do it. Seriously. Don't put a movie behind the site's main content. You are aliening your customer base, making the site hare to view and read, and violating about a dozen or two other guidelines in good site design. Why not put the video inside the flow of the document where it belongs instead?

这篇关于youtube视频作为网站背景的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆