Ok.. you have to tell me how you did this...

[tablazines]

So I'm watching your Diploma Thesis: iPad Magazine preview... and on one the pages you have the moving beach background. I HAVE TO KNOW HOW YOU DID THAT? Lol. I found a script that allows something similar but the bigger the image the less frames I can get.

I've been wanting to do motion covers and insides for the longest... please.... please..... please...

tell me how you did it...lol

[ffranke]

It's simple. It's a

cheers florian

[tablazines]

Awwww come on. You can't leave me like that... Lol

[ffranke]

Hey there!

That's the HTML-Code:

<div class="article-start-bg">

<div class="article-video">
   <video src="images/article-passgutaufdichauf/start.mp4" preload autoplay webkit-playsinline></video>
</div>

<div class="content-element">

<div class="article-start-typo">
<img src="images/article-passgutaufdichauf/grosse-typo.png" width="644" height="675" />
</div>

</div>
</div>

And thats the CSS:

.article-start-typo {
    position:absolute;
    z-index:10;
    }

.article-video {
    position:absolute;
    z-index:5;
    overflow:hidden;
    width:952px;
    padding:0px;
    margin-top:-100px;
    }

.article-video video {
    height:750px;
    width:auto;
    }

You may adapt the video sizes for iPad Portrait and Landscape views, but that should get you started! ;)

Let me know how it goes.

cheers florian

[tablazines]

thanks a lot...

[luisfrancisco]

Thanks for sharing this :)

[luisfrancisco]

Would you be even more nicer and tell how you did the shaking changing quotes on your Automotive Agenda app?

I would understand if you dont wanna share... you've done a lot so far and thats amazing! I'm a fan :)

[ffranke]

Sorry... Company secret ;)

But it's not that hard... ;)

[luisfrancisco]

Thats okay... thank you anyway!

I will try to figure out myself :)

[xiripi]

Hi. I already try your code and the video don't appear correctly. I try 1024px x 768px. What size the video must have?