Recommandations en matière de création de pages Web Lire sur conviviales

Similaire à l’expérience des applications du Windows Store, Lire sur est automatiquement activé pour la musique, les vidéos et les images dans Internet Explorer dans la nouvelle interface utilisateur Windows. Cette section fournit quelques conseils pour garantir que Lire sur fonctionne correctement avec votre page Web.

Internet Explorer dans l’interface utilisateur Windows présente une heuristique qui tente d’identifier le meilleur élément multimédia à utiliser comme source Lire sur. L’heuristique privilégie les éléments qui sont actuellement en cours de lecture, sélectionnés, actifs et affichés de façon active.

Les éléments vidéo et de musique de 5 secondes ou moins et les images de 300 x 300 au maximum sont ignorés par l’heuristique et ne sont jamais automatiquement activés.

L’heuristique Lire sur fonctionne bien pour des pages Web simples qui n’ont qu’un élément multimédia principal, tel qu’une vidéo ou photo volumineuse. En revanche, pour les pages plus compliquées qui présentent plusieurs vidéos ou un diaporama complexe, le développeur Web doit vous aider à identifier correctement le meilleur élément. Voici quelques conseils pour garantir la meilleure expérience possible.

Conseils d’ordre général

  • L’attribut msPlayToPrimary peut être spécifié sur toute balise audio, vidéo ou d’image. Cet attribut spécifie que l’élément est toujours celui sélectionné pour Lire sur, indépendamment de toute autre considération.

    Exemple : <video src="movie.mp4" msPlayToPrimary="true">

    Exemple : document.getElementById("my_video").msPlayToPrimary = true;

  • L’attribut msPlayToDisable peut être spécifié pour exclure un élément de l’expérience heuristique et Lire sur dans Internet Explorer dans l’interface utilisateur Windows. Par exemple, il peut servir à empêcher la sélection de publicités vidéo.

  • Tentez de réduire le nombre d’éléments audio, vidéo et d’image sur une page donnée. L’utilisation d’un diaporama pour afficher uniquement une image à la fois peut permettre à un site de fonctionner correctement avec Lire sur, même si l’expérience sans diaporama est compliquée.

Conseils relatifs à l’audio et la vidéo

  • Les éléments en cours de lecture sont préférés à ceux qui ne le sont pas. Ainsi, les éléments marqués comme autoplay, ou dont la lecture commence à partir d’un script, sont plus susceptibles d’être sélectionnés.

  • S’il existe plusieurs éléments sur une page, la sélection d’éléments Lire sur recherche un autre élément éligible à la fin de l’élément actuel. Ainsi, une sélection peut être organisée en démarrant l’élément suivant à partir du script après ou un peu avant la fin de l’élément précédent.

Conseils relatifs à l’audio

  • Le son ne doit pas être désactivé et le volume doit être supérieur à 0.

  • La durée de l’élément audio doit être supérieure à 5 secondes.

  • Les éléments audio n’ont pas besoin d’être associés au modèle DOM (Document Object Model). Un élément audio créé par un script est toujours éligible pour Lire sur.

Conseils relatifs à la vidéo

  • Les éléments vidéo doivent être associés au modèle DOM.

  • La vidéo doit être affichée et visible.

Conseils relatifs à l’image

  • Les images ne sont sélectionnées que s’il n’existe aucun élément vidéo ni audio éligible sur la page. Si une image est la cible voulue pour Lire sur, vérifiez que tous les éléments audio pointent vers un élément audio dont la durée est inférieure à 5 secondes et que tous les éléments vidéo sont masqués.

  • Les images doivent être larges d’au moins 300 pixels et longues d’au moins 300 pixels pour être éligibles.

  • L’image la plus grande sur la page sera sélectionnée. Il est possible d’avoir un album photo avec plusieurs images sur la page, mais l’élément Lire sur voulu doit avoir une image considérablement plus grande que les autres éléments d’image de la page.

 

 

Afficher:
© 2014 Microsoft