intégration de contenu responsive web design

Le Responsive Web Design en toute simplicité

Vous êtes de plus en plus de commerçants à posséder un site Responsive Design (qui s’adapte aux différents affichages d’écrans), mais il est parfois compliqué d’intégrer du contenu qui lui aussi s’adaptera automatiquement. Voici donc une façon simple d’ajouter une vidéo sur votre site, tout en étant sûr que ce dernier s’adaptera parfaitement quelque soit l’écran.

Comment intégrer une vidéo en Responsive Web Design ?

[su_list]

  • 1) Tout d’abord connectez-vous à votre hébergeur de vidéo. On pense notamment à YouTube, Viméo ou Dailymotion pour n'en citer que quelques uns.
    • 2) Ensuite, copiez le lien de votre vidéo.

[su_spoiler title="Voir en image " icon="chevron-circle"]youtube-embed-1[/su_spoiler]

    • 4) Collez le lien de la vidéo dans la zone dédiée et cliquez sur « Embed ». Vérifiez que vous soyez bien dans le bon onglet. Si vous avez copié un lien YouTube choisissez l’onglet "YouTube " et même démarche pour Viméo ou Dailymotion.

[su_spoiler title="Voir en image " icon="chevron-circle"]youtube-embed-2[/su_spoiler]

    • 5) Copiez le code «Embed » dans votre widget HTML et c’est fini!

[su_spoiler title="Voir en image " icon="chevron-circle"]youtube-embed-3[/su_spoiler]

[/su_list]

Dernière astuce: vous pourrez visualiser le rendu de votre site Responsive grâce au site : http://quirktools.com/screenfly/. Pour cela, il vous suffira de renseigner l'adresse de votre site, de cliquer sur "go"et enfin de choisir dans le menu de navigation (en haut à gauche) quel type d’affichage vous souhaitez. Et voilà, c'est aussi simple que ça!

1 comment for “Le Responsive Web Design en toute simplicité

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *