forse ho finito la benzina??
forse ho finito la benzina??
non saprei, senza vedere il motorino..Originariamente inviata da Sifaxy
Questa volta, più che un voto.. è favoreggiamento.
Questo è il motorino ...non saprei, senza vedere il motorino..
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Jasmine Wolff</title>
<link href='stylesheets/media-player.css' rel='stylesheet' />
<script src='js/media-player.js'></script>
<link href="stylesheets/main.css" rel="stylesheet" />
<script src="src/jquery-1.9.1.min.js"></script>
<script src="src/jquery.uranium.js"></script>
<script type="text/javascript" async="" src="./Carousel Uranium Declarative Javascript Interaction Library_files/ga.js"></script><script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26739163-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="./Carousel Uranium Declarative Javascript Interaction Library_files/webfont.js"></script>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400%7CCrete+Rou nd:400italic%7CUltra%7CYellowtail"><script>
WebFont.load({
google: {
families: ['Open Sans:300,300italic,400', 'Crete Round:400italic', 'Ultra', 'Yellowtail']
}
});
</script>
</head>
<body>
<div class="test">
<div data-ur-set="carousel" data-ur-infinite="enabled" data-ur-center="enabled" data-ur-carousel-component="view_container" data-ur-clones="2" data-ur-id="4" data-ur-transform3d="enabled" data-ur-speed="1.1" data-ur-fill="0" data-ur-autoscroll-delay="5000" data-ur-autoscroll-dir="next" data-ur-autoscroll="disabled" data-ur-touch="enabled" data-ur-vertical-scroll="enabled" data-ur-state="enabled">
<span> </span>
<div data-ur-carousel-component="scroll_container" style="width: 1535px; -webkit-transform: translate3d(-84px, 0px, 0);">
<img data-ur-carousel-component="item" src="img/A1.png" alt="1" data-ur-state="active" onclick='loadVideo("vid/clip1.webmhd.webm", "vid/clip1.mp4");'>
<img data-ur-carousel-component="item" src="img/A2.png" alt="2" data-ur-state="inactive" onclick='loadVideo("vid/clip2.webmhd.webm", "vid/clip2.mp4");'>
<img data-ur-carousel-component="item" src="img/A3.png" alt="3" data-ur-state="inactive" onclick='loadVideo("vid/clip3.webmhd.webm", "vid/clip3.mp4");'>
<img data-ur-carousel-component="item" src="img/B1.png" alt="4" data-ur-state="inactive" onclick='loadVideo("vid/clip4.webmhd.webm", "vid/clip4.mp4");'>
<img data-ur-carousel-component="item" src="img/B2.png" alt="5" data-ur-state="inactive" onclick='loadVideo("vid/clip5.webmhd.webm", "vid/clip5.mp4");'>
<img data-ur-carousel-component="item" src="img/B3.png" alt="6" data-ur-state="inactive" onclick='loadVideo("vid/clip6.webmhd.webm", "vid/clip6.mp4");'>
<img data-ur-carousel-component="item" src="img/C1.png" alt="7" data-ur-state="inactive" onclick='loadVideo("vid/clip10.webmhd.webm", "vid/clip10.mp4");'>
<img data-ur-carousel-component="item" src="img/C2.png" alt="8" data-ur-state="inactive" onclick='loadVideo("vid/clip8.webmhd.webm", "vid/clip8.mp4");'>
<img data-ur-carousel-component="item" src="img/C3.png" alt="9" data-ur-state="inactive" onclick='loadVideo("vid/clip12.webmhd.webm", "vid/clip12.mp4");'>
<img data-ur-carousel-component="item" src="img/D1.png" alt="10" data-ur-state="inactive" onclick='loadVideo("vid/clip14.webmhd.webm", "vid/clip14.mp4");'>
<img data-ur-carousel-component="item" src="img/D2.png" alt="11" data-ur-state="inactive" onclick='loadVideo("vid/clip15.webmhd.webm", "vid/clip15.mp4");'>
<img data-ur-carousel-component="item" src="img/D3.png" alt="12" data-ur-state="inactive" onclick='loadVideo("vid/clip18.webmhd.webm", "vid/clip18.mp4");'>
<img data-ur-carousel-component="item" src="img/E1.png" alt="13" data-ur-state="inactive" onclick='loadVideo("vid/clip7.webmhd.webm", "vid/clip7.mp4");'>
</div>
</div>
</div>
<title>Jasmine Wolff</title>
<link href='stylesheets/media-player.css' rel='stylesheet' />
<script src='js/media-player.js'></script>
<div id='media-player'>
<video id='media-video' controls autoplay loop>
<source src='vid/clip1_face.mp4' type='video/mp4'>
<source src='vid/clip1_face.webmhd.webm' type='video/webm'>
</video>
<div id='media-controls'>
<progress id='progress-bar' min='0' max='100' value='0'>0% played</progress>
<button id='replay-button' class='replay' title='replay' onclick='replayMedia();'>Replay</button>
<button id='play-pause-button' class='play' title='play' onclick='togglePlayPause();'>Play</button>
<button id='stop-button' class='stop' title='stop' onclick='stopPlayer();'>Stop</button>
<button id='volume-inc-button' class='volume-plus' title='increase playbackRate' onclick='changeplaybackRate("+");'>Incrementa velocità</button>
<button id='volume-dec-button' class='volume-minus' title='decrease playbackRate' onclick='changeplaybackRate("-");'>Decrementa velocità</button>
<button id='volume-norm-button' class='norm' title='norm playbackRate' onclick='changeplaybackRateNorm();'>Normalizza la Velocità</button>
<button id='mute-button' class='mute' title='mute' onclick='toggleMute("true");'>Mute</button>
</div>
</div>
</body>
</html>
la condizione che ricerco è quella che si attua in questa pagina : http://demosthenes.info/blog/792/Cre...Video-Playlist qui l'articolo spiega come fare una playlist video, e l'esempio che c'è all'inizio della pagina funziona perfettamente su ipad e proprio come volevo io non parte a tutto schermo
non trovo però il punto di differenza tra il mio listato e quello proposto... sarà nei media queries la differenza?
mi sento vicino alla soluzione ....
Rispondi quotando
