Si vous souhaitez partager votre vidéo sur Facebook ou Twitter mais souhaitez que votre publication redirige vers votre propre site plutôt que vers la page de la vidéo sur Vimeo, vous devrez ajouter des lignes de codes dans l'élément <head> de votre site.
Vous trouverez ci-dessous les étiquettes vidéo Open Graph de Facebook et les étiquettes Player Card de Twitter. Vous devrez actualiser les informations en gras pour les faire correspondre aux métadonnées de votre vidéo avant de les ajouter à l'élément <head> de votre site Web.
Veuillez noter : Si vous avez déjà partagé le lien de votre site Web sur Facebook ou Twitter, vous devrez réinitialiser la mémoire cache pour que votre vidéo apparaisse dans la publication.
Étiquettes vidéo Open Graph pour Facebook
Nous recommandons de consulter la documentation proposée par Facebook sur les étiquettes Open Graph.
<meta property="og:site_name" content="SITE_NAME">
<meta property="og:url" content="VIDEO_URL">
<meta property="og:type" content="video">
<meta property="og:title" content="VIDEO_TITLE">
<meta property="og:description" content="VIDEO_DESCRIPTION">
<meta property="og:image" content="VIDEO_THUMBNAIL_URL">
<meta property="og:image:secure_url" content="VIDEO_THUMBNAIL">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="VIDEO_THUMBNAIL_WIDTH">
<meta property="og:image:height" content="VIDEO_THUMBNAIL_HEIGHT">
<meta property="og:video:url" content="https://player.vimeo.com/video/VIDEO_ID?autoplay=1">
<meta property="og:video:secure_url" content="https://player.vimeo.com/video/VIDEO_ID?autoplay=1">
<meta property="og:video:type" content="text/html">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
<meta property="og:video:url" content="https://vimeo.com/moogaloop.swf?clip_id=VIDEO_ID&autoplay=1">
<meta property="og:video:secure_url" content="https://vimeo.com/moogaloop.swf?clip_id=VIDEO_ID&autoplay=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
Étiquettes Player Card Twitter
Nous recommandons de consulter la documentation proposée par Twitter pour les player cards.
<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@vimeo">
<meta name="twitter:title" content="VIDEO_TITLE">
<meta name="twitter:description" content="VIDEO_DESCRIPTION">
<meta name="twitter:image" content="LINK_TO_THUMBNAIL">
<meta name="twitter:player" content="https://player.vimeo.com/video/VIDEO_ID">
<meta name="twitter:player:width" content="1280">
<meta name="twitter:player:height" content="720">
<meta name="twitter:site" content="@vimeo">