Hey there I'm trying to load vimeo videos into this gallery, but without succes.
All the Fiddles/examples are broken and I currently can only find examples for YouTube videos.
Are there any examples on how to implement vimeo videos?
My current fix for supporting Vimeo videos:
vue-gallery > dist > js > vue-gallery.js
Add , require('blueimp-gallery/js/blueimp-gallery-vimeo.js') on line 2 after the 'YouTube' part
Add 'blueimp-gallery/js/blueimp-gallery-vimeo.js', after the 'YouTube' part in the define([]) array on line 3
Add blueimpGalleryVimeo_js, on line 5 after blueimpGalleryYoutube_js,
The same goes for vue-gallery > dist > js > vue-gallery.min.js this file has 2 places where you need to add the blueimp-gallery-vimeo.js file (just ctrl + f and search for youtube).
vue-gallery > src > component > gallery.vue
Add import 'blueimp-gallery/js/blueimp-gallery-vimeo.js'; after line 28
After that you can use the YouTube examples like this:
data: function () { return { images: [ { title: 'A YouYube video', href: 'https://www.youtube.com/watch?v=hNdlUHBJDKs', type: 'text/html', vimeo: 'hNdlUHBJDKs', poster: 'https://img.youtube.com/vi/hNdlUHBJDKs/maxresdefault.jpg' }, { title: 'A YouYube video 2', href: 'https://www.youtube.com/watch?v=s5iUsaPPtnk', type: 'text/html', vimeo: 's5iUsaPPtnk', poster: 'https://img.youtube.com/vi/s5iUsaPPtnk/maxresdefault.jpg' }, { title: 'Image', href: 'https://dummyimage.com/1600/ffffff/000000', type: 'image/jpeg', poster: 'https://dummyimage.com/350/ffffff/000000' } ],
Just make sure you change the youtube object attribute to vimeo.
Hey there I'm trying to load vimeo videos into this gallery, but without succes. All the Fiddles/examples are broken and I currently can only find examples for YouTube videos. Are there any examples on how to implement vimeo videos?
My current fix for supporting Vimeo videos:
vue-gallery > dist > js > vue-gallery.js Add
, require('blueimp-gallery/js/blueimp-gallery-vimeo.js')on line 2 after the 'YouTube' part Add'blueimp-gallery/js/blueimp-gallery-vimeo.js',after the 'YouTube' part in the define([]) array on line 3 AddblueimpGalleryVimeo_js,on line 5 afterblueimpGalleryYoutube_js,The same goes for vue-gallery > dist > js > vue-gallery.min.js this file has 2 places where you need to add the blueimp-gallery-vimeo.js file (just ctrl + f and search for youtube).
vue-gallery > src > component > gallery.vue Add
import 'blueimp-gallery/js/blueimp-gallery-vimeo.js';after line 28After that you can use the YouTube examples like this:
data: function () { return { images: [ { title: 'A YouYube video', href: 'https://www.youtube.com/watch?v=hNdlUHBJDKs', type: 'text/html', vimeo: 'hNdlUHBJDKs', poster: 'https://img.youtube.com/vi/hNdlUHBJDKs/maxresdefault.jpg' }, { title: 'A YouYube video 2', href: 'https://www.youtube.com/watch?v=s5iUsaPPtnk', type: 'text/html', vimeo: 's5iUsaPPtnk', poster: 'https://img.youtube.com/vi/s5iUsaPPtnk/maxresdefault.jpg' }, { title: 'Image', href: 'https://dummyimage.com/1600/ffffff/000000', type: 'image/jpeg', poster: 'https://dummyimage.com/350/ffffff/000000' } ],Just make sure you change the youtube object attribute to vimeo.