Comment puis-je ajouter une vidéo et une liste de lecture à une page en utilisant HTML5?

La dernière version de JWPlayer prend également en charge la lecture HTML5. Maintenant, il peut également être utilisé dans des appareils mobiles qui ne prennent pas en charge Flash.

Un autre lecteur vidéo HTML5 avec Flash Fallback est Videojs ( http://videojs.com/ )

Ce n'est pas une réponse à votre question principale. Ce sont juste quelques conseils généraux.

1. mise à niveau. J'ai eu des problèmes avec 5,6 ne jouant pas sur des appareils mobiles et une mise à niveau vers 5,8 fixe.

2. Évitez la lecture automatique pour le moment. J'ai eu des problèmes avec le joueur qui ne se charge pas. Cela pourrait être dû à un problème de synchronisation sur la chargement de fichiers multimédias à charger et à essayer de commencer à jouer. Aussi, pour les utilisateurs de Linux avec une connexion plus lente (comme moi à 3 Mo DSL), lorsque la tête de lecture s'acquitte et que le tampon est vide, le joueur cesse de fonctionner.

3. peut-être remplacer le mode. Pour mes médias, HTML5 semble jouer un peu mieux.

   modes: [ {Type: "html5"}, {Type: "Flash", SRC: "/media/player.swf"} ]

4. Essayez d'utiliser la même hauteur / la même largeur que votre support.

5. Si vous jouez uniquement audio, il peut être difficile de trouver le bouton de lecture (centré) si votre largeur est une valeur importante.

6. Je n'utilise pas la liste de lecture. J'ai une liste d'enregistrements sur la page et un bouton pour charger une fenêtre contextuelle / boîte de dialogue.

Ce n'est pas une réponse spécifique au joueur JW.

La balise vidéo HTML Native du navigateur se comporte bizarre si vous remplacez les balises. Vous devez plutôt définir un seul attribut SRC directement dans la balise. De cette façon, vous pouvez modifier cet attribut dans DOM. Avant de le changer, essayez de mettre en pause la vidéo de lecture en premier.

J'utilise MediaElementjs.com. Ça marche assez bien.

Il ne comprend pas la fonctionnalité de playlist intégrée, mais vous pouvez facilement en construire un par vous-même. Après tout, la playlist est juste une liste de vidéos que lorsque vous cliquez sur un, vous allez changer la source de la vidéo.

Element multimédia a une fonction SETSRC () qui prend en charge les échecs HTML5 et Flash. Cela fonctionne de moi.

Ces liens peuvent être utiles:

1. Playlist HTML 5 VIDEO ou AUDIO
2. PagePlayer
3. JW Player 5
4. Générer une liste de lecture pour la vidéo HTML5 < / li>

Si vous utilisez simplement des vidéos YouTube, ils offrent un lecteur vidéo HTML5 (bêta) HTML5: http://code.google.com/intl/en/apis/youtube/iframe_api_reference.html

J'utilise le lecteur vidéo HTML5 sur ce site: http://www2.highpoint.edu

Les versions plus anciennes de IE ne peuvent pas utiliser ce joueur (très bien), donc j'utilise toujours des balises Flash intégrées pour ces navigateurs à la place, qui sont effectuées via l'API YouTube JS: http://code.google.com/intl/en/aPis/youeutube/js_api_reference.html

Voici un exemple de page: http://www2.highpoint.edu/youtube. php? id = ht1prqke3wu

Je recommande vivement Mediaelementjs si vous devez rouler-votre propre lecteur vidéo. Toutes les vidéos sur notre site sont hébergées par YouTube, mais nous l'utilisons toujours comme un lecteur audio, comme on l'a vu ici: http://www2.highpoint.edu/president.php?mp3=http%3a%2f%2fwww2.highpoint.edu%2fmp3%2fnq_li013107 .mp3

SWF n'est pas supporté par un périphérique mobile

Je pense que cela est utile mais besoin de deux fichiers de type xxx

et j'essaie JavaScript pour changer de film et ça a fonctionné dans les deux

Vous devez l'utiliser car j'ai un iPad et je ne peux pas ouvrir la vidéo du lecteur vidéo basé sur SWF

Voila Un Bout de script Pour JWPlayer 6.7 et Playlist YouTube

<script>
jwplayer("myElement").setup({
  width: "100%",
  height: "400",
  playlist: "http://gdata.youtube.com/feeds/api/playlists/PLMIePZMXPqnYlsvE_PFwe-_e336HlJF7g?max-results=50&alt=rss",
  stretching: "exactfit",
  primary: "flash",
  sharing: {link: "http://www.centraltv.fr/egypte-television/rotana-masriya"},
  autostart: "true",
  listbar: {
    position: "right",
    size: "220" 
  }
});
</script>