#23 Active Storage - Display Audio, Video, PDF attachments
15/05/2021
Free
display different attachment types:
https://github.com/corsego/20-active_storage/commit/a932b8e4ce861827da9cc4e86830b1e73ff55565
HTML5 audio and video tags:
https://www.html5tutorial.info/html5-video.php
Displaying Images, Videos, and PDFs:
https://edgeguides.rubyonrails.org/active_storage_overview.html#displaying-images-videos-and-pdfs
0
Sign in to join the conversation
Featured in playlists
![#21 Active Storage With Amazon S3 Cloud Storage](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg4OSwicHVyIjoiYmxvYl9pZCJ9fQ==--6b3bb0920b42d5c5d69b0d166e38a8b52a5d84f1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
![#22 ActiveStorage Direct Uploads, AWS S3 CORS](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc2NiwicHVyIjoiYmxvYl9pZCJ9fQ==--f5258a8ba29d77586e108ca7ba8a0611ddc4b17f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
![#23 Active Storage - Display Audio, Video, PDF attachments](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc5OSwicHVyIjoiYmxvYl9pZCJ9fQ==--967ae3c29c51f407b0c4fe6e345702d49de9a703/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
+2
Active Storage
Recommended based on what you are watching now
![#3: Notifications, Devise Confirmable, AWS SES, LetterOpener](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkyMSwicHVyIjoiYmxvYl9pZCJ9fQ==--05ab607607c8a281c2e8c65d3a1c7b44df84e890/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
48:59
#3: Notifications, Devise Confirmable, AWS SES, LetterOpener
15/06/2021
Free
![#37 Install Bootstrap 5 with Rails 6, Yarn and Webpacker](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTgxNywicHVyIjoiYmxvYl9pZCJ9fQ==--e7ec9f84df32b684e3467ac23a12f61e3348e992/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
06:42
#37 Install Bootstrap 5 with Rails 6, Yarn and Webpacker
12/06/2021
Free
![#99 Hotwire: Search and Infinite Pagination (Ransack with Pagy)](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkwNywicHVyIjoiYmxvYl9pZCJ9fQ==--9429f00bc1163e65ceabcba3d4b6c85def259b90/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
17:26
#99 Hotwire: Search and Infinite Pagination (Ransack with Pagy)
09/12/2022
Free
![#150 Global Search](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk0NSwicHVyIjoiYmxvYl9pZCJ9fQ==--2476c8761d99308f56f56d348eaba4dbd0e2b820/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
24:29
#150 Global Search
09/11/2023
Free
1