Videoplayer in html per ios: come disabilitare lo schermo intero

**Sifaxy** · 17-12-2014, 19:39

Ciao a tutti, Sto realizzando un videoplayer in html5 per visualizzare una playlist di video al centro della pagina con i "tasti" che fanno partire i vari video ai lati.
Se guardo la pagina su desktop tutto ok ma se la guardo con un telefono in particolare con ios mi parte in automatico il video a tutto schermo come lancio il primo video, nascondendomi gli altri tasti che farebbero partire i video...

Come posso fare per risolvere questo problema!!
Grazie a tutti per l'attenzione

**Al_katraz984** · 07-01-2015, 18:12

prova a pulire la candela, di solito funziona.

**Sifaxy** · 07-01-2015, 18:19

forse ho finito la benzina??

**Al_katraz984** · 07-01-2015, 18:22

Originariamente inviata da Sifaxy

forse ho finito la benzina??

non saprei, senza vedere il motorino..

**Sifaxy** · 07-01-2015, 19:07

Originariamente inviata da Al_katraz984

non saprei, senza vedere il motorino..

Questo è 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>

**Sifaxy** · 02-03-2015, 13:48

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 ....

Discussione: Videoplayer in html per ios: come disabilitare lo schermo intero

Strumenti discussione

Ricerca discussione

Visualizza

Videoplayer in html per ios: come disabilitare lo schermo intero

Tag per questa discussione

Permessi di invio