Page History
HTML |
---|
<script>
$( document ).ready(function() {
$.ajax({
method: "GET",
url: "https://api.vimeo.com/videos/" + '303274080' + '?access_token=0e76ec72e4cc1a5111ac16023a2d0456',
success: function(data) {
var imgElem = $('<img class="video-image" src="' + data["pictures"]["sizes"][2]["link_with_play_button"] + '" />');
imgElem.appendTo('.videoScreen');
var titleElem = $('<span class="video-title">' + data["name"] + '</span>')
titleElem.appendTo('.videoLargeTitle');
}
});
});
</script>
<div class="trainingVideosContainer">
<div class="videosMainHolder">
<div class="timelineHolder">
<div class="timeline">
<div class="timeBox active">
<div class="titleHolder">
<div class="videoNumberHolder">
<div class="videoNumber">1</div>
</div>
<div class="videoTitle">Login and Account Settings</div>
</div>
<div class="thumbnail">
<img src="http://www.sonicomusica.info/sites/default/files/styles/related180x110/public/field/image/ri-m_1.jpg" alt="screenshot">
</div>
</div>
<div class="timeBox">
<div class="titleHolder">
<div class="videoNumberHolder">
<div class="videoNumber">2</div>
</div>
<div class="videoTitle">How to Record a Scenario</div>
</div>
<div class="thumbnail">
<img src="./css/1.png" alt="screenshot">
</div>
</div>
<div class="timeBox">
<div class="titleHolder">
<div class="videoNumberHolder">
<div class="videoNumber">3</div>
</div>
<div class="videoTitle">Camera Controls</div>
</div>
<div class="thumbnail">
<img src="./css/1.png" alt="screenshot">
</div>
</div>
<div class="timeBox">
<div class="titleHolder">
<div class="videoNumberHolder">
<div class="videoNumber">4</div>
</div>
<div class="videoTitle">Intercom</div>
</div>
<div class="thumbnail">
<img src="./css/1.png" alt="screenshot">
</div>
</div>
<div class="timeBox">
<div class="titleHolder">
<div class="videoNumberHolder">
<div class="videoNumber">5</div>
</div>
<div class="videoTitle">Annotations</div>
</div>
<div class="thumbnail">
<img src="./css/1.png" alt="screenshot">
</div>
</div>
<div class="timeBox">
<div class="titleHolder">
<div class="videoNumberHolder">
<div class="videoNumber">6</div>
</div>
<div class="videoTitle">Video Review and Video Upload</div>
</div>
<div class="thumbnail">
<img src="./css/1.png" alt="screenshot">
</div>
</div>
<div class="timeBox">
<div class="titleHolder">
<div class="videoNumberHolder">
<div class="videoNumber">7</div>
</div>
<div class="videoTitle">User Manager</div>
</div>
<div class="thumbnail">
<img src="./css/1.png" alt="screenshot">
</div>
</div>
</div>
</div>
<div class="videoHolder">
<div class="videoScreenHolder">
<div class="videoScreen">
<img src="./css/1.png" alt="screenshot">
</div>
</div>
<div class="videoText">
<div class="videoLargeTitle">01. Lorem Ipsum</div>
<div class="videoDescription">bdhbfdghfhfhjfdjdtjt</div>
</div>
</div>
</div>
</div> |
...
Overview
Content Tools