Images YouTube : isYouTube, youtubeMaxResDefaultUrl

Les termes isYouTube et youtubeMaxResDefaultUrl sont des suffixes que l'on ajoute à une donnée Blogger de type image afin de vérifier si le contenu provient du service de vidéos YouTube et si la vignette maxresdefault.jpg est disponible.

Valeurs

Les paramètres isYouTube et youtubeMaxResDefaultUrl sont destinés aux données de type image.

Explorateur de données Blogger - Les données de type image

Techniquement, ces paramètres sont des données renfermées dans un objet, qui lui-même est contenu dans la donnée à paramètrer. Les paramètres renvoient une nouvelle valeur en relation avec les images fournies par YouTube.

Échantillonnage des ressources

  isYouTube: boolean,
  youtubeMaxResDefaultUrl: image

Le paramètre isYouTube indique si l'image contient une vignette en provenance du service vidéos YouTube, tandis que youtubeMaxResDefaultUrl fourni l'URL de l'image maxresdefault.jpg des vidéos YouTube.

En pratique, dans l'éditeur XML du thème, les paramètres s'ajoutent au nom de la donnée de type image :

Syntaxes de sortie

<!-- isYouTube -->
data:image.isYouTube

<!-- youtubeMaxResDefaultUrl -->
data:image.youtubeMaxResDefaultUrl

Exemple avec la donnée universelle data:view.featuredImage :

<!-- isYouTube -->
<data:view.featuredImage.isYouTube/>

<!-- youtubeMaxResDefaultUrl -->
<data:view.featuredImage.youtubeMaxResDefaultUrl/>

<!-- data setting YouTube image - XML demo. Compatibility : Gadget Version 1 & 2. Created and provided by Blogger Code PE. Author : Soraya Lambrechts URL : https://bloggercode-blogconnexion.blogspot.com/2018/02/data-parameters-isYouTube-youtubeMaxResDefaultUrl.html --> <b:includable id='main'> <b:comment>Example</b:comment> original value : <b:eval expr='data:view.featuredImage'/><br/> isYouTube value : <b:eval expr='data:view.featuredImage.isYouTube'/><br/> youtubeMaxResDefaultUrl value : <b:eval expr='data:view.featuredImage.youtubeMaxResDefaultUrl'/> </b:includable>

Exemple de mise en œuvre

Le paramètre isYouTube renvoie une valeur booléenne. Il peut être appliqué dans une balise conditionnelle ou dans un opérateur ternaire, ou encore dans une balise acceptant un attribut conditionnel, etc...
Le paramètre youtubeMaxResDefaultUrl renvoie une valeur de type image. Il peut être utilisé avec les opérateurs d'images.

Exemple

<b:tag name='img'
       cond='data:view.featuredImage.isYouTube'
       expr:src='resizeImage(data:view.featuredImage.youtubeMaxResDefaultUrl,500,"16:9")'/>

<!-- data setting YouTube image - XML demo. Compatibility : Gadget Version 1 & 2. Created and provided by Blogger Code PE. Author : Soraya Lambrechts URL : https://bloggercode-blogconnexion.blogspot.com/2018/02/data-parameters-isYouTube-youtubeMaxResDefaultUrl.html --> <b:includable id='main'> <b:comment>Example</b:comment> L'image YouTube : <b:tag name='img' cond='data:view.featuredImage.isYouTube' expr:src='resizeImage(data:view.featuredImage.youtubeMaxResDefaultUrl,500,"16:9")'/> </b:includable>

Différences entre l'image de la vignette et l'image maxresdefault.jpg YouTube

Mis à part que l'image maxresdefault.jpg a déjà été recadrée à la source, la différence la plus flagrante vient au niveau du ratio.
Vous pourrez constater dans la comparaison ci-dessous que selon le ratio, la vignette est rognée, tandis que sur la version maxresdefault.jpg, des bandes noires sont ajoutées à chaque extrémité.

Vignette standard	maxresdefault.jpg
Ratio original
Ratio 2:1
Ratio 16:9
Ratio 4:3
Ratio 1:1 (carré)

Les autres réglages de données

• AdSense
Attribution
Blog
BlogArchive
BloggerButton
BlogList
BlogSearch
ContactForm
FeaturedPost
Feed
Followers
Header
HTML
Image
Label
LinkList
PageList
PopularPosts
Profile
ReportAbuse
Stats
Subscribe
Text
TextList
Translate
Wikipedia
• share
author
timestamp
comments
labels
location
icons
• red
green
blue
alpha
transparent
inverse
• any / notEmpty
empty
• canonical
• color
image
• name
language
country
variant
• escaped
cssEscaped
jsEscaped
jsonEscaped
• day
month
year
dayOfWeek
dayOfMonth
dayOfYear
• first
last
• width
height
originalWidth
originalHeight
• http
https
• iso8601
• isResizable
• languageAlignment
languageDirection
• size / length (array)
• size / length (string)
• size (array[image])
url (array[image])
• size (skin font)
family
• isYoutube
youtubeMaxResDefaultUrl

Retourner à l'introduction