Question: Here is what I've done after researching and changing:
[demo](http://jsfiddle.net/kylex/FV36z/3/)

```
.cube {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    display: inline;
}

.container1 {
    display: inline;
}

.container2 {
    display: inline;
}

.animate-enter, 
.animate-leave { 
    -webkit-transition: 1s all ;
    -moz-transition: 1s all ;
    -o-transition: 1s all ;
    transition: 1s all ;
    position: relative;
}

.animate-enter {
    left: 100%;
}
.animate-enter.animate-enter-active {
    left: 0;
}

.animate-leave {
    left: 0;
    display: inline;
}
.animate-leave.animate-leave-active {
    left: -100%;
}

```

1.But there is still a problem, the two divs are not in line.
I tried to put display:inline to the .cube and .container class, doesn't help.
\*What I want is to have page2 appear right next to page1 and they both slide together, just like mobile sliding views. And I don't want to combine those views together as an entire block like most banners do.

2.Now I have only set the "enter" and "leave" animation sliding to the left. How can I provide another "enter" and "leave" animation within the .cube div?
E.g. Page1 slides to the left to leave, page2 slides from the right to enter.
I also want to provide another button which will have page3 slide to the right to leave, and page1 slide in from the right to enter. How can I do that?

Thanks

Answer: 
You need to get the html of the page not just the url

use the built-in lib `urllib` like this:

```
import urllib
from bs4 import BeautifulSoup as BS

url = '''https://archive.org/details/20070519_detroit2'''
#open and read page
page = urllib.urlopen(url)
html = page.read()
#create BeautifulSoup parse-able "soup"
soup = BS(html)
#get the src attribute from the video tag
video = soup.find("video").get("src")

```

also with the site you are using i noticed that to get the embed link just change `details` in the link to `embed` so it looks like this:

```
https://archive.org/embed/20070519_detroit2

```

so if you want to do it to multiple urls without having to parse just do something like this:

```
url = '''https://archive.org/details/20070519_detroit2'''
spl = url.split('/')
spl[3] = 'embed'
embed = "/".join(spl)
print embed

```

---

**EDIT**

to get the embed link for the other links you provided in your edit you need to look through the html of the page you are parsing, look until you fint the link then get the tag its in then the attribute

for 

```
'''http://www.kumby.com/avatar-the-last-airbender-book-3-chapter-5/'''

```

just do 

```
soup.find("iframe").get("src")

```

the `iframe` becuase the link is in the iframe tag and the `.get("src")` because the link is the src attribute

You can try the next one because you should learn how to do it if you want to be able to do it in the future :)

Good luck!
this is a one liner to get all the downloadable MP4 file in that page, in case you need it. 

```
import bs4, urllib2
url = 'https://archive.org/details/20070519_detroit2'
soup = bs4.BeautifulSoup(urllib2.urlopen(url))
links = [a['href'] for a in soup.find_all(lambda tag: tag.name == "a" and '.mp4' in tag['href'])]
print links

```

Here are the output:

```
['/download/20070519_detroit2/20070519_detroit_jungleearth.mp4',
'/download/20070519_detroit2/20070519_detroit_sweetkissofdeath.mp4', 
'/download/20070519_detroit2/20070519_detroit_goodman.mp4',
...
'/download/20070519_detroit2/20070519_detroit_wilson_512kb.mp4']

```

These are relative links and you and put them together with the domain and you get absolute path.