[RUBY] [Rails] Comment utiliser video_tag pour afficher des vidéos

Nous avons réalisé la fonction de téléchargement d'images et de vidéos à l'aide de carrierwave. Depuis que j'ai utilisé "video_tag" pour l'affichage vidéo pour la première fois, je le garderai comme mémorandum. J'espère que cela aidera certains débutants de Rails.

environnement

MacOS Catalina Rails 6.0.3.2 Ruby 2.6.3

Qu'est-ce que video_tag

スクリーンショット 2020-09-02 18.22.19.png Celui qui est souvent utilisé lors de l'affichage de vidéos comme celle-ci. Considérez-le comme une version vidéo de image_tag.

Attributs fréquemment utilisés

attribut sens
autoplay S'il faut jouer automatiquement après le chargement de la page
controls Afficher ou non le contrôleur
autobuffer S'il faut tamponner automatiquement
muted Que ce soit pour faire un son
size Spécifiez la taille
width Spécifiez la largeur
height Spécifiez la hauteur

Exemple d'utilisation

ruby:movie.html.erb


<%= video_tag post.video.url, height: "50%", width: "50%" controls: true, autobuffer: true %>

Il semble qu'il soit essentiel de spécifier la taille avec la taille, la largeur ou la hauteur. Les vidéos prises avec l'appareil photo sont affichées dans une gamme ridiculement large sur le navigateur, et les vidéos prises avec le smartphone sont verticalement longues. Et pourquoi le contrôleur ne sort pas si la largeur est réduite uniquement pour la vidéo prise avec le smartphone ... (La lecture est possible)

À la fin

Il peut être plus intelligent d'afficher des miniatures comme Twitter, puis de demander à l'utilisateur d'appuyer sur le bouton de lecture. Je ne sais pas comment y parvenir. .. ..

Recommended Posts

[Rails] Comment utiliser video_tag pour afficher des vidéos
[Rails] Comment utiliser enum
Comment utiliser la jonction de rails
[Rails] Comment utiliser authenticate_user!
[Rails] Comment utiliser Scope
[Rails] Comment utiliser la "devise" des gemmes
[Rails] Comment utiliser l'appareil (Remarque)
[Rails] Comment utiliser les messages flash
[rails] Comment afficher les informations de base de données
Comment utiliser Ruby on Rails
[Rails] Comment utiliser Active Storage
[Introduction aux rails] Comment utiliser le rendu
[Rails] Comment utiliser ActiveRecord :: Bitemporal (BiTemporalDataModel)
[Rails] Comment utiliser la méthode de la carte
[Rails] Comment afficher les messages d'erreur individuellement
Comment utiliser MySQL dans le didacticiel Rails
[Ruby on Rails] Comment utiliser redirect_to
[Note] Comment utiliser Rails 6 Devise + cancancan
[Rails] Comment utiliser la méthode d'assistance, confimartion
Comment utiliser credentials.yml.enc introduit à partir de Rails 5.2
Comment utiliser Map
Comment écrire des rails
Comment utiliser rbenv
Comment utiliser with_option
Comment utiliser fields_for
Comment utiliser java.util.logging
Comment utiliser la carte
Comment utiliser collection_select
Comment utiliser Twitter4J
Comment utiliser active_hash! !!
Comment utiliser MapStruct
Comment utiliser TreeSet
[Comment utiliser l'étiquette]
Comment utiliser l'identité
Comment utiliser le hachage
Comment utiliser Dozer.mapper
Comment utiliser Gradle
Comment utiliser org.immutables
Comment utiliser java.util.stream.Collector
Comment utiliser VisualVM
Comment utiliser Map
[Rails] Comment utiliser les boîtes de sélection dans Ransack
Comment utiliser les rails g échafaudage, fonctions, précautions
Comment utiliser JQuery dans Rails 6 js.erb
[Rails] Comment utiliser PostgreSQL dans l'environnement Vagrant
[Rails] Comment convertir l'affichage de l'heure UC en affichage de l'heure japonais
Comment régler l'heure d'affichage sur l'heure japonaise dans les rails
Comment utiliser l'API Chain
[Rails, JS] Comment implémenter l'affichage asynchrone des commentaires
Comment utiliser java Facultatif
Comment utiliser JUnit (débutant)