Bädda in koder för webbsändningar
De här instruktionerna beskriver hur du använder inbäddningskoderna för riksdagens webbsändningar.
Varje direktsändning i riksdagen (och den efter sändningen sparade upptagningen) har en unik slutdel i URL-adressen. Till exempel är adressen för plenum den 1.2.2022 kl. 12 på den här webbsändningssidan https://verkkolahetys.eduskunta.fi/sv/taysistunnot/taysistunto-1-2022 och adressen för Ungdomsparlamentet 2022 är https://verkkolahetys.eduskunta.fi/sv/seminaarit/nuortenparlamentti2022
För att skapa en inbäddningskod behöver du endast den sista delen av de här adresserna: taysistunto-1-2022 eller nuortenparlamentti2022. Kopiera inbäddningskoden nedan och redigera delen taysistunto-1-2022 så att adressen leder till sändningen du vill bädda in.
<iframe src="https://eduskunta.videosync.fi/taysistunto-1-2022?embed-view=1" allowfullscreen width="100%" height="282" scrolling="no" allowfullscreen frameborder="0"></iframe> Skala för inbäddad video
Beroende av webbsidan och vilket publiceringsverktyg du använder kan du välja något av sätten nedan för att få rätt skala för inbäddningskoden på olika skärmar och apparater.
Alternativ 1: Iframe-resizer
Om du kan lägga in <script>-taggar på din webbsida, kan du använda iframe-resizer-biblioteket på följande vis:
<iframe src="https://eduskunta.videosync.fi/taysistunto-1-2022?embed-view=1" allowfullscreen width="100%" height="282" scrolling="no" allowfullscreen frameborder="0"></iframe>
<script type="text/javascript" src="//cdn.videosync.fi/assets/iframe-resizer/js/iframeResizer.min.js"></script>
<script>iFrameResize()</script> Alternativ 2: CSS
Om iframe-resizer av någon anledning inte är möjligt att använda kan du ställa in inbäddningskodens inställningar för skala i CSS-koden, såvida föredragsmaterial (såsom diabilder) inte används vid evenemanget.
Ändra först inbäddningskoden till den här formen (det kommer alltså ett nytt div-element runt inbäddningskoden)
<div class="player-wrapper">
<iframe src="https://eduskunta.videosync.fi/taysistunto-1-2022?embed-view=1" allowfullscreen width="100%" height="282" scrolling="no" allowfullscreen frameborder="0"></iframe>
</div> Mata också in följande CSS-regler på din webbsida:
.player-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.player-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}Annat att tänka på
- Direktsändningens och upptagningens länk och inbäddningskod är i regel samma. Om du alltså bäddar in en direktsändning, så visar samma inbäddningskod upptagningen direkt då den har publicerats.
- Inbäddningskoden innehåller hela sändningen, alltså till exempel för plenum visar koden hela sändningen till plenums slut.
- Videospelaren är synlig endast under pågående direktsändning och efter att upptagningen har publicerats. Före evenemanget har börjat visar koden en text om det kommande evenemanget eller upptagningen. Du kan testa hur videospelaren fungerar genom att bädda in en tidigare upptagning.
- Övriga webbsändningar i riksdagen, såsom öppna utfrågningar i utskott, kan också visa föredragsmaterial (diabilder). I så fall visar inbäddningskoden både videospelaren och eventuellt tillagt föredragsmaterial sida vid sida.
Bakom den här länken hittar du mer information om användandet av inbäddningskoderna och fler exempel på det.
Kontaktuppgifter
Skicka frågor och feedback till: verkkolahetys@eduskunta.fi