Pour intégrer n’importe quelle vidéo, il suffit de coller le lien de la vidéo lors de la création d’un sujet.
Cependant, pourquoi lorsque j’intègre une vidéo YouTube (voir ci-dessous), elle s’étire d’un bout à l’autre ? Alors que lorsque j’intègre une vidéo de Vimeo, elle ne s’étire pas d’un bout à l’autre.
Y a-t-il un moyen de corriger cela ?
Je n’ai constaté aucune différence, même en spécifiant une taille de vidéo dans le code d’intégration VIMEO. La vidéo s’affiche toujours de la même manière qu’en collant le lien de la vidéo.
Dans les deux cas, tout ce que je fais, c’est coller l’URL de la vidéo.
On dirait que je ne peux pas intégrer de vidéo ici. Voici donc quelques captures d’écran de ma communauté. La largeur de la vidéo Vimeo est inférieure à la largeur de la vidéo YouTube. Y a-t-il un moyen de faire en sorte que la vidéo Vimeo s’étende également à la largeur maximale autorisée ?
Salut Falco,
Je suis nouveau sur Discourse et je n’ai aucune idée de ce que signifie PR (comme vous l’avez mentionné, « J’ai une PR pour les onebox Vimeo pleine largeur »).
Bien que vous m’ayez montré un test qui fonctionne maintenant, que dois-je faire pour que cela fonctionne ? Parce que les vidéos Vimeo dans ma communauté ne s’étendent toujours pas sur toute la largeur.
J’essaie encore de comprendre ce que vous venez de faire dans ce post ci-dessus. J’apprécierais vraiment si vous pouviez me dire ce que je dois faire pour corriger cela dans ma communauté. Merci
PR signifie « pull request » (demande de tirage), et cela fait référence à GitHub. Essentiellement, cela signifie que Falco a apporté une modification au code de Discourse et cherche à faire examiner cette modification avant de la fusionner dans Discourse.
Ce site Discourse spécifique, meta.discourse.org, est mis à jour automatiquement à chaque modification apportée par l’un de nos ingénieurs. Votre site n’est pas déployé automatiquement comme celui-ci ; nous déployons les clients sur une base régulière, mais moins fréquente. J’ai lancé un déploiement (mise à jour) pour votre site. Le déploiement devrait se terminer dans environ 30 minutes.
Une fois le déploiement terminé, vous devrez reconstruire le message. Pour ce faire, cliquez sur le bouton « Afficher plus » sous le message, puis cliquez sur la clé à molette d’administration. Enfin, cliquez sur « Reconstruire le HTML ».
Ils rencontrent une bizarrerie dans la taille des intégrations. Même après ce commit, la taille des vidéos privées reste petite. J’espère qu’il existe un moyen de les rendre également pleine largeur ?
J’ai aussi ce problème. J’utilise Discourse 2.9.0.beta9 (56832adf17).
C’est particulièrement problématique sur les petits écrans (redimensionnez cet écran et vous verrez à quel point le second - celui en OneBox - devient minuscule).
Voici le lien incluant le lecteur dans l’URL… (celui-ci ne rétrécit pas sur les petits écrans, mais je n’arrive pas à le centrer non plus.)
https://player.vimeo.com/video/743344591
Et celui ci-dessous est en OneBox… (celui-ci rétrécit et devient trop petit sur les petites tailles d’écran.)
Pourquoi ne pas appliquer cette même logique à n’importe quelle source OneBox qui spécifie explicitement sa hauteur et sa largeur et qui est finalement intégrée via un iframe ?
Réflexions et approche
En théorie, si nous avons déjà la hauteur/largeur explicite et que cela est spécifié sur l’iframe, la même approche générale consistant à définir le rapport d’aspect pourrait être utilisée pour rendre les choses génériquement évolutives.
Par exemple, j’intègre de plus en plus de démos vidéo dans notre communauté, j’ai donc opté pour Bunny.net, connu pour son CDN, et leur service Bunny Stream pour télécharger et intégrer des vidéos.
Après avoir ajouté video.bunnycdn.com et iframe.mediadelivery.net à mes paramètres d’iframes autorisés, je peux facilement coller une URL de Bunny Stream et elle est OneBoxée en utilisant l’un des remplacements génériques… mais le rapport d’aspect devient vraiment étrange lorsqu’il est vu sur un appareil mobile.
Comme solution de contournement rapide, j’ai écrit un simple composant de thème qui utilise l’API de plugin et decorateCookedElement pour mettre à jour l’iframe avec les informations de rapport d’aspect.
