uros_g
/
zapatista.kompot.si
1
1
Fork 0
Code Issues Pull Requests Releases Activity

responsive video embed - skrajšal class nam + README.md updatal

master
Uros Gu 2021-05-15 03:51:26 +02:00
parent 58c1cd0a4a
commit 1285ba7d20
3 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@ -4,6 +4,9 @@
#### Markdown Guide
[Basic Syntax](https://www.markdownguide.org/basic-syntax/) | [Extended Syntax](https://www.markdownguide.org/extended-syntax/) | [Hitra referenca - "plonklistek"](https://www.markdownguide.org/cheat-sheet/)
#### PeerTube Video embed
Primer <https://kino.kompot.si> video. Pod videom klikneš na gumb "Share" in izbereš zavihek "Embed", ki ti generira kodo z za embedanje, ki jo potem vstaviš v pejđev markdown. če rabiš več kostumizacije je v "Embed" zavihku spodaj možnost "More customization". **<https://docs.joinpeertube.org/use-watch-video?id=sharing-a-video>** <https://thinkmoult.com/embed-peertube-video-on-your-website.html>
Primer <https://kino.kompot.si> video. Pod videom klikneš na gumb "Share" in izbereš zavihek "Embed", ki ti generira kodo z za embedanje, ki jo potem vstaviš v pejđev markdown. če rabiš več kostumizacije je v "Embed" zavihku spodaj možnost "More customization". <https://docs.joinpeertube.org/use-watch-video?id=sharing-a-video> <https://thinkmoult.com/embed-peertube-video-on-your-website.html>
**Lepši embed čez vso širino elementa** dobiš če iframe oviješ z `<div class="video">` ter `</div>` in pa ifram-u NE določiš "width" ter "height".
primer: `<div class="video"><iframe sandbox="allow-same-origin allow-scripts allow-popups" src="https://video.anartist.org/videos/embed/470f5abd-55e4-4708-a685-5715063387ea?warningTitle=0" frameborder="0" allowfullscreen></iframe></div>`
#### YouTube Video embed
navodila: <https://support.google.com/youtube/answer/171780?hl=en>
navodila: <https://support.google.com/youtube/answer/171780?hl=en>
**Lepši embed čez vso širino elementa:** *na enak način kot v zgornjem primeru za PeerTube*

2
content/sidebars/2_kolaz-video.md
View File

@ -4,4 +4,4 @@ Title: Kolaž dobrodošlice iz Evrope
---
<div class="video-container"><iframe sandbox="allow-same-origin allow-scripts allow-popups" src="https://video.anartist.org/videos/embed/470f5abd-55e4-4708-a685-5715063387ea?warningTitle=0" frameborder="0" allowfullscreen></iframe></div>
<div class="video"><iframe sandbox="allow-same-origin allow-scripts allow-popups" src="https://video.anartist.org/videos/embed/470f5abd-55e4-4708-a685-5715063387ea?warningTitle=0" frameborder="0" allowfullscreen></iframe></div>

6
themes/Travelify-tr00_popravljena/styles/style.css
View File

@ -2565,7 +2565,7 @@ header .container {
/* širina audio playerja v sidebar*/
.widget audio {width:100%;}
/* popravki za kolaz_dobrodoslice video (responsive) */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* popravki za video (responsive) */
.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }