Kaltura iFrame Testing

Copy the following URL

https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449004/partner_id/106?iframeembed=true&playerId=kaltura_player&entry_id=0_7b7pizwc

and replace the entry_id (after entry_id=) with the entry-id of your video. Then insert a new iFrame-component in magnolia and paste it at "Source". Then save and publish the iFrame component

 <div style="max-width:1024px">
<div style="padding-bottom:56.25%; position:relative"><iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" class="kmsembed" frameborder="0" height="576" id="kmsembed-0_7b7pizwc" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://uzh.mediaspace.cast.switch.ch/embed/secure/iframe/entryId/0_7b7pizwc/uiConfId/23449027/st/0" style="position:absolute;top:0;left:0;width:100%;height:100%" title="Caminandes" webkitallowfullscreen="" width="1024"></iframe></div>
</div>

Den Standard Secure-embedcode modifizieren wie folgt: Den "secure-Link" nach "src=" mit non-secure-link (=non-secure-embedcode) ersetzen, z.B.:  https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449027/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;entry_id=0_7b7pizwc

The following instructions describe how to create a modified special channel playlist embed code that bypasses user authentication. This type of embed code is not secure and may/should therefore only be used on websites that are already password-/login-protected.

The following workflow was verified in Magnolia (official CMS at UZH) using the component "text & image".

<sub>1. Copy the following secure embed code. Then edit it in your CMS (Content Management System) according to the steps below.
<iframe src="https://uzh.mediaspace.cast.switch.ch/embedplaylist/secure/embed/v2/0/playlistId/0_oyp1az7o/uiConfId/23449005" width="826" height="465" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" frameborder="0" title="Kaltura Player"></iframe>

2. In your CMS (Content Management System): Replace the complete secure URL ("https://uzh.mediaspace.cast.switch.ch/embedplaylist/secure/embed/v2/0/playlistId/0_oyp1az7o/uiConfId/23449005") with the following new non-secure URL. Make sure to not delete the quotation marks at the start and the end of the URL. "https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;playlist_id=0_oyp1az7o"

3. In your CMS (Content Management System), modify the non-secure-URL (displayed after "src=") by replacing the channel-playlist-id 0_oyp1az7o (after playlist_id=) with your own channel-playlist-id. You can find it in the second last section of the URL of your playlist (0_zxwdtuzm would be your channel-playlist-id if the channel-playlist-URL was https://uzh.mediaspace.cast.switch.ch/playlist/dedicated/17250/0_zxwdtuzm/0_uhbay51r)
--> also see the illustration in the attached screenshot "Where to find and copy from a Channel-Playlist-id.png"

4. The new non-secure playlist-embed-code your are going to implement in your CMS will look as follows:
<iframe src="https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&playerId=kaltura_player&playlist_id=0_zxwdtuzm" width="826" height="465" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" frameborder="0" title="Kaltura Player"></iframe>

Remark: Your cms might alter the embed code for technical reasons. However, this does not have any negative effects.
For example, the embed code in this example will look the following, once it was implemented (saved) using the "Text and Image component" of Magnolia (standard CMS of UZH):
<iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" frameborder="0" height="465" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;playlist_id=0_zxwdtuzm" title="Kaltura Player" webkitallowfullscreen="" width="826"></iframe></sub>

Modified v7-playlist-embedcode that contains a special non-secure-URL that bypasses authentication.

<sub>1. Copy the following secure embed code. Then edit it in your CMS (Content Management System) according to the steps below.
<iframe src="https://uzh.mediaspace.cast.switch.ch/embedplaylist/secure/embed/v2/0/playlistId/0_oyp1az7o/uiConfId/23449005" width="1024" height="576" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" frameborder="0" title="Kaltura Player"></iframe>

2. In your CMS (Content Management System): Replace the complete secure URL ("https://uzh.mediaspace.cast.switch.ch/embedplaylist/secure/embed/v2/0/playlistId/0_oyp1az7o/uiConfId/23449005") with the following new non-secure URL. Make sure to not delete the quotation marks at the start and the end of the URL. "https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;playlist_id=0_oyp1az7o"

3. In your CMS (Content Management System), modify the non-secure-URL (displayed after "src=") by replacing the channel-playlist-id 0_oyp1az7o (after playlist_id=) with your own channel-playlist-id. You can find it in the second last section of the URL of your playlist (0_zxwdtuzm would be your channel-playlist-id if the channel-playlist-URL was https://uzh.mediaspace.cast.switch.ch/playlist/dedicated/17250/0_zxwdtuzm/0_uhbay51r.

4. Having worked through above steps, your new non-secure playlist-embed-code will look as follows:
<iframe src="https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&playerId=kaltura_player&playlist_id=0_zxwdtuzm" width="1024" height="576" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" frameborder="0" title="Kaltura Player"></iframe></sub>

_{However, your cms might alter the embed code for technical reasons. For example, the embed code in this example will look the following, once it was implemented (saved) using the "Text and Image component" of Magnolia (standard CMS of UZH):
<iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" frameborder="0" height="465" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;playlist_id=0_zxwdtuzm" title="Kaltura Player" webkitallowfullscreen="" width="826"></iframe>}

Experimental.
Funktioniert noch nicht richtig: Unschärfe im Video, weil Werte für width und height nicht auf 100%, sondern grösser (123.8%) eingestellt werden müssen, damit der Thumbnail und das Video in der korrekten maximalen Grösse 1024x576 angezeigt werden. Responsive sizing scheint von Kaltura auch noch nicht offiziell unterstützt zu werden. (notiert am 5.1.2024)

<div style="max-width:1024px">
<div style="padding-bottom:56.25%; position:relative"><iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" class="kmsembed" frameborder="0" height="576" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;playlist_id=0_oyp1az7o" style="position:absolute;top:0;left:0;width:123.8%;height:123.8%" title="" webkitallowfullscreen="" width="1024"></iframe></div>
</div>

 <div style="max-width:826px">
<div style="padding-bottom:56.295399515738%; position:relative"><iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" class="kmsembed" frameborder="0" height="465" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;playlist_id=0_oyp1az7o" style="position:absolute;top:0;left:0;width:100%;height:100%" title="Caminandes" webkitallowfullscreen="" width="826"></iframe></div>
</div>

<sub>1. Copy the following secure embed code. Then edit it in your CMS (Content Management System) according to the steps below.
<iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" frameborder="0" height="576" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://uzh.mediaspace.cast.switch.ch/embedplaylist/secure/embed/v2/0/playlistId/0_oyp1az7o/uiConfId/23449005" title="Kaltura Player" webkitallowfullscreen="" width="1024"></iframe>

2. In your CMS (Content Management System): Replace the complete secure URL ("https://uzh.mediaspace.cast.switch.ch/embedplaylist/secure/embed/v2/0/playlistId/0_oyp1az7o/uiConfId/23449005") with the following new non-secure URL. Make sure to not delete the quotation marks at the start and the end of the URL. "https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;playlist_id=0_oyp1az7o"

3. In your CMS (Content Management System), modify the non-secure-URL (displayed after "src=") by replacing the channel-playlist-id 0_oyp1az7o (after playlist_id=) with your own channel-playlist-id. You can find it in the second last section of the URL of your playlist (0_zxwdtuzm would be your channel-playlist-id if the channel-playlist-URL was https://uzh.mediaspace.cast.switch.ch/playlist/dedicated/17250/0_zxwdtuzm/0_uhbay51r.

4. Having worked through above steps, your new non-secure playlist-embed-code will look as follows:
<iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" frameborder="0" height="576" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&amp;playerId=kaltura_player&amp;playlist_id=0_zxwdtuzm" title="Kaltura Player" webkitallowfullscreen="" width="1024"></sub>

Use the following PLAYLIST LINK SCHEME for implementation using Magnolia iFrame component
https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449005/partner_id/106?iframeembed=true&playerId=kaltura_player&playlist_id=0_oyp1az7o

iFrame code example, as implemented at CMS of IBF: https://api.cast.switch.ch/p/106/sp/10600/embedIframeJs/uiconf_id/23448425/partner_id/106?iframeembed=true& playerId=kaltura_player&entry_id=0_7b7pizwc

Link-Vorlage zur Benutzung in iFrame-Komponente:
https://api.cast.switch.ch/p/106/embedPlaykitJs/uiconf_id/23449004/partner_id/106?iframeembed=true&playerId=kaltura_player&entry_id=0_7b7pizwc