diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass index a8a6af88..3d2858d5 100644 --- a/app/assets/stylesheets/application.css.sass +++ b/app/assets/stylesheets/application.css.sass @@ -163,3 +163,19 @@ footer .hide display: none + +.video-cover + position: absolute + z-index: 2 + top: 0 + left: 0 + width: 100% + height: 100% +#videoplayer + position: absolute + z-index: 1 + top: 0 + left: 0 + width: 100% + height: 100% + object-fit: fill diff --git a/app/assets/videos/video.mp4 b/app/assets/videos/video.mp4 new file mode 100644 index 00000000..d4a1dc64 Binary files /dev/null and b/app/assets/videos/video.mp4 differ diff --git a/app/views/visitors/index.html.haml b/app/views/visitors/index.html.haml index c7be8cbb..89580605 100644 --- a/app/views/visitors/index.html.haml +++ b/app/views/visitors/index.html.haml @@ -23,3 +23,8 @@ .eyecandy = image_tag "ICYPEES-coin.png" +-# %iframe#videoplayer{:allowfullscreen => "", :frameborder => "0", :height => "480", :mozallowfullscreen => "true", :src => "https://archive.org/embed/my-dinner-with-andre-conspiracy-theory-scene-hd", :webkitallowfullscreen => "true", :width => "640", :autostart => "true"} +-# %iframe{:allow => "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", :allowfullscreen => "", :frameborder => "0", :height => "315", :src => "https://www.youtube.com/embed/kK-1axSGkXc", :title => "YouTube video player", :width => "560"} +-# %iframe#videoplayer{:allow => "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", :allowfullscreen => "", :frameborder => "0", :height => "315", :src => "https://www.youtube.com/embed/PhIM5k_m_hs", :title => "YouTube video player", :width => "560"} +.video-cover += video_tag "video.mp4", autoplay: true, id: "videoplayer", loop: true diff --git a/config/application.rb b/config/application.rb index 43af0185..cbf0db29 100644 --- a/config/application.rb +++ b/config/application.rb @@ -33,5 +33,6 @@ module ThirteenTienLen # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded. # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s] # config.i18n.default_locale = :de + config.assets.paths << "#{Rails.root}/app/assets/videos" end end