Ein eingebettetes Video von Vimeo kann seit Neustem nicht mehr auf meinem Blog (Unblau.) abgespielt werden!
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}"/>
{blockescription}
<meta http-equiv="content-type"
content="text/html;charset=utf-8"/>
{/blockescription}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
* {
outline: 0;
}
body {
background: url('http://www.funpic.de/photos/2/8/4/1/8/581482_de0d2ce64e_c.jpg') fixed;
color: #000;
font: normal 13px/1.4 Calibri, "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 0px;
}
a {
background: url('http://static.tumblr.com/mqfgmhw/97Mlba2ty/trans.png');
color: #575757;
text-decoration: none;
}
a:hover {
color: #3d3d3d;
}
h1 {
font-size: 16px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
float: left;
letter-spacing: 1px;
margin: 0;
text-transform: uppercase;
vertical-align: middle;
}
h2 {
font-size: 14px;
letter-spacing: 1px;
margin: 0 -10px 10px -10px;
text-transform: uppercase;
}
h2 a {
display: block;
padding: 5px 10px 3px 10px;
}
img {
border: 0;
}
p {
margin: 0 0 7px 0;
}
#wrap {
margin: auto;
z-index:-1;
}
#header {
padding: 5px;
margin: auto;
position: fixed;
top: 0px;
width: 100%;
z-index:1;
}
#lcontent {
position: relative; float: left;
margin: 0 0 0 10px;
}
#rcontent {
position: relative;
float: right;
margin: 0 15px 0 0;
}
#header a {
background: none;
}
#header #info {
text-align: right;
}
#postwrap {
margin: 50px auto;
width: 800px;
z-index:-1;
vertical-align: middle;
}
.elastic-video {
position: relative;
padding-bottom: 55%;
padding-top: 0px;
height: 0;
overflow: hidden;
z-index:-1;
}
.elastic-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:-1;
}
.elastic-video object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:-1;
}
.post {
background: url('http://static.tumblr.com/mqfgmhw/97Mlba2ty/trans.png');
margin: 0 0 50px 0;
padding: 10px;
position: relative;
z-index:-1;
}
.post .media {
width: 100%;
text-align: center;
}
.caption {
margin: 0px 0 0 0;
}
span.quote {
font-size: 16px;
font-weight: bold;
}
.source {
margin: 7px 0 0 0;
}
.chat ul {
list-style: none;
margin: 0; padding: 0;
}
.chat ul li span.label {
font-weight: bold;
}
.permalink {
bottom: 0px;
padding: 0 5px 0 0;
position: absolute;
right: 0px;
}
.permalink a {
background: none;
font-weight: bold;
}
.pagination .post {
background: none;
}
.previous, .next {
font-weight: bold;
}
.previous a, .next a {
display: block;
padding: 3px;
}
.previous {
float: left;
}
.next {
float: right;
}
</style>
</head>
<body>
<div id="header">
<div id="lcontent">
<h1><a href="/">{Title}</a> <a href="/archive">Archiv.</a> <a href="/about">About.</a></h1>
</div>
<div id="rcontent">
<h1></h1>
</div>
</div>
<!-- end header -->
<div id="wrap">
<div id="postwrap">
<div id="content">
{blockosts}
<div class="post">
{block:Text}
<div class="text">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
</div>
{/block:Text}
{blockhoto}
<div class="photo">
<div class="media">{block:HighRes}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{/block:HighRes}</div>
</br>{Caption}
</div>
{/blockhoto}
{blockhotoset}
<div class="photo">
<div class="media">{Photoset-500}</div>
</br>{Caption}
</div>
{/blockhotoset}
{block:Quote}
<div class="quote">
<span class="quote">{Quote}</span>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="link">
<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
{blockescription}
<div class="description">{Description}</div>
{/blockescription}
</div>
{/block:Link}
{block:Chat}
<div class="chat">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
<ul class="chat">
{block:Lines}
<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Audio}
<div class="audio">
{AudioPlayerWhite}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="video">
<div class="media">{Video-500}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}
<div class="permalink">
<a href="{Permalink}">×</a>
</div>
</div> <!-- end post -->
{/blockosts}
<div class="pagination"> <!-- begin pagination post -->
{blockreviousPage}
<div class="previous">
<a href="{PreviousPage}">← Zurück in die Zukunft!</a>
</div>
{/blockreviousPage}
{block:NextPage}
<div class="next">
<a href="{NextPage}">Zurück in die Vergangenheit! →</a>
</div>
{/block:NextPage}
</div> <!-- end pagination post -->
</div> <!-- end content -->
</div> <!-- end postwrap -->
Zuletzt bearbeitet:
