Il video Vimeo non funziona con il tag HTML5

Desidero aggiungere un cursore ai video di Vimeo. Ho controllato this slider, ma utilizza il tag video HTML5. Quando uso lo stesso tag con un URL video Vimeo, non funziona. Qui è il mio codice:Il video Vimeo non funziona con il tag HTML5

<video src="http://player.vimeo.com/video/68866759"></video>

Ecco il codice completo:

<html> 
<body> 
<script type='text/javascript' src='http://amazingslider.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script> 
<script type='text/javascript' src='http://amazingslider.com/wp-content/plugins/amazingslider-plugin/sharedengine/amazingslider.js?ver=1.6'></script> 
<link rel="stylesheet" type="text/css" media="all" href="http://amazingslider.com/wp-content/themes/twentyeleven/style.css" /> 
<div class="demo-slider"> 
    <div style="display:block;position:relative;margin:15px auto 30px;" id="amazingslider-11"> 
     <ul style="display:none;" class="amazingslider-slides"> 
      <li><img alt="Big Buck Bunny Copyright Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/big_buck_bunny_480_270.jpg"> 
       <video src="http://player.vimeo.com/video/68866759" preload="none"></video> 
      </li> 
      <li><img alt="Elephants Dream Copyright Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/elephants_dream_480_270.jpg"> 
       <video src="http://www.youtube.com/embed/TLkA0RELQ1g" preload="none"></video> 
      </li> 
      <li><img alt="Sintel - Third Open Movie by Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/Sintel_480_270.jpg"> 
       <video src="http://www.youtube.com/embed/eRsGyueVLvQ" preload="none"></video> 
      </li> 
     </ul> 
     <ul style="display:none;" class="amazingslider-thumbnails"> 
      <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/big_buck_bunny_480_270.jpg"></li> 
      <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/elephants_dream_480_270.jpg"></li> 
      <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/Sintel_480_270.jpg"></li> 
     </ul> 
     <div style="display:none;" class="amazingslider-engine"><a href="http://www.amazingslider.com">jQuery Slider</a></div> 
    </div> 
    <script src="http://amazingslider.com/wp-content/uploads/amazingslider/11/sliderengine/initslider.js"></script> 
</div> 
</body> 
</html>

fonte

2013-08-25 user2477139

Vimeo ti offre una pagina da incorporare. Copia qualsiasi frammento HTML che Vimeo ti fornisce e incollalo al posto del tuo '

Avrete bisogno di utilizzare il nostro codice embed per farlo funzionare. http://player.vimeo.com/video/68866759 non è un file video, è una pagina HTML, quindi inserirla in un tag video non farà nulla.

Se si sostituisce il tag video con questo dovrebbe funzionare:

<iframe src="//player.vimeo.com/video/68866759" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

fonte

2013-08-27 18:12:21

Vai al tuo Impostazioni video e Video File, in fondo c'è una sezione chiamata utilizzare il proprio Player, troverai gli URL diretti al tuo video. Esempio:

<video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4"></video>

Nota: Devi essere registrato su PRO Vimeo.

fonte

2014-02-04 10:59:11 gregmatys

C'è un modo per trovare gli URL diretti per il video se non sei il proprietario dei contenuti e vuoi solo riprodurre video Vimeo su un tag Video htnl5 su una pagina web come la homepage di vimeo per esempio o http://summitdublin.com/ ? – Ajar

Non riesco a trovare "Usa il tuo lettore", è ancora esistente o no? – edonbajrami

@edonbajrami è ancora lì fino ad oggi. Tuttavia, abbiamo un account Pro Vimeo ... – BenRacicot

Il video Vimeo non funziona con il tag HTML5

risposta

Problemi correlati