Title: ► Videos de Ooyala
Course: Plantilla - Posgrados (PGA/PGIT) > Section: Linea de diseño

Cuando nos pasan un video de ooyala con script no se puede colocar directamente en Canvas, pues la etiqueta <script> se borra automáticamente al guardar la página. Pero se puede rescatar el id del video para utilizar con un iframe.

iframe de Ooyala

Ejemplo:

<p><iframe src="https://prd20vod01.itesm.mx/VenusScript/iframe.html?ec=aQBkAFYAaQBkAGUAbwA9ADcAMgAwADkAJgB0AGkAcABvAD0ATwBSAEQA&amp;player=MDE5YTgwMTE2NWMxNDkxM2MwMTEyMTJh" width="667" height="370" name="video" allowfullscreen="allowfullscreen"></iframe></p>

Rescatando URL para iframe a partir del <script> de Ooyala

El id del video en el script es todo lo que está después de /Venus.js hasta la última comilla ".

Ejemplo:

<script src="https://player.ooyala.com/v3/MDE5YTgwMTE2NWMxNDkxM2MwMTEyMTJh"></script><div id="playertec"></div><script src="https://prd20vod01.itesm.mx/VenusScript/Venus.js?aQBkAFYAaQBkAGUAbwA9ADcAMgAwADkAJgB0AGkAcABvAD0ATwBSAEQA"></script>

Y se reemplaza en el siguiente template de iframe:

<table style="width: 600px; margin-left: auto; margin-right: auto;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p><iframe style="width:100%;" src="https://prd20vod01.itesm.mx/VenusScript/iframe.html?ec=AQUI INSERTAR LA LIGA OBTENIDA DEL SCRIPT&amp;player=MDE5YTgwMTE2NWMxNDkxM2MwMTEyMTJh" width="667" height="370" name="video" allowfullscreen="allowfullscreen"></iframe></p>
</td>
</tr>
</tbody>
</table>

iframe de Ooyala antiguos

Ejemplo:

<p><iframe src="https://player.ooyala.com/iframe.html?ec=d2bnR4ZzrRJ50DFQX-v8DqwfV9CvC9Gh&pbid=MDE5YTgwMTE2NWMxNDkxM2MwMTEyMTJh" width="667" height="370" name="video" allowfullscreen="allowfullscreen"></iframe></p>

Rescatando URL para iframe a partir del <script> de Ooyala antiguos

El id del video en el script es lo que está después de 'playertec',

Ejemplo:

<script>OO.ready(function() { OO.Player.create('playertec', 'd2bnR4ZzrRJ50DFQX-v8DqwfV9CvC9Gh'); });</script>

Y se reemplaza en el siguiente template de iframe:

<table style="width: 667px; margin-left: auto; margin-right: auto; height: 375px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p style="text-align: center;"><iframe src="https://player.ooyala.com/iframe.html?ec=AQUI INSERTAR LA LIGA OBTENIDA DEL SCRIPT&amp;pbid=MDE5YTgwMTE2NWMxNDkxM2MwMTEyMTJh" width="667" height="375" name="video" allowfullscreen="allowfullscreen" data-mce-fragment="1"></iframe></p>
</td>
</tr>
</tbody>
</table>