Visionneuse Histoires courtes HTML5

17 Déc

Une visionneuse pour profiter des « Histoires courtes » sur tous les explorateurs compatibles HTML5…

 

Voici le code correspondant à l’histoire courte de cette page :


<div style="position: relative; width: 100%; padding-bottom: 66.7%; float: left; height: 0;">
  <object style="position: absolute; width: 100%; height: 100%; left: 0;" data="http://histoires-courtes.fr/v.html"> </object>
</div>

La variable data contient le lien pour afficher l’histoire courte « http://histoires-courtes.fr/v.html »
Ce lien peut aussi être utiliser directement dans un navigateur.

Le lien sans paramètre affiche l’histoire courte la plus récente.

Les paramètres disponibles sont :

  • subject=Nom du répertoire contenant l’histoire courte à visionner
  • noheader  cache le bandeau d’entête sur l’image d’accueil
  • start pour démarrer automatiquement la lecture après le chargement
  • scaled pour effectuer une mise à l’échelle maximale en mode plein écran
  • noshare désactive le bouton partager
  • title=Titre principal, Histoires courtes par défaut
  • title=0 pour supprimer le titre principal

L’ajout des paramètres se fait de la façons suivante :  http://histoires-courtes.fr/v.html?premier paramètre&deuxième paramètre&etc…

Exemples :

Lien vers l’histoire courte de Magali Ader :
http://histoires-courtes.fr/v.html?subject=Ader

Lien vers l’histoire courte de Magali Ader sans bandeau de titre :
http://histoires-courtes.fr/v.html?subject=Ader&notitle

Lien vers la dernière histoire courte avec mise à l’échelle maximale en mode plein écran :
http://histoires-courtes.fr/v.html?scaled

 

Remarque :

Pour avoir la liste des histoires disponibles (répertoires) vous pouvez utiliser le lien suivant qui génère une sortie au format xml :
http://histoires-courtes.fr/list.php