Protocolo de incrustación
Lumen es compatible con una tecnología llamada oEmbed, que es la forma en que debe incrustar YouTube y Slideshares (entre otras cosas) en los cursos abiertos. También puede utilizar iframes, aunque estos son una segunda mejor opción.
Para incrustar un vídeo de YouTube, ve a la página del vídeo en YouTube. Busca el botón “Compartir” debajo del vídeo y copia la URL en la barra Compartir. Esta dirección suele empezar por “https://youtu.be”. Pégala en el texto de Lumen.
Nota: Si un usuario de YouTube ha impedido la incrustación de un vídeo en una página web, el fotograma del vídeo no aparecerá en su texto de Lumen. En su lugar, sólo será visible el enlace. Aquí puedes comprobar si un usuario ha impedido la incrustación de su contenido de vídeo:
Youtube oembed api
En este artículo veremos cómo podemos incrustar una presentación alojada en SlideShare en un componente lightning. Antes de adentrarnos en los detalles, debemos tener en cuenta un detalle importante para nuestro caso de uso:
Bulma es administradora de Salesforce en Capsule Z. Capsule Z ha contratado recientemente a unos becarios. Bulma creó una presentación increíble para informar a los becarios sobre Trailhead. Pero ahora, Bulma quiere alguna forma de incrustar la presentación en su Salesforce org, para que los becarios no tengan que cambiar entre pestañas del navegador.
Oembed leer
This data provides us with lots of useful information. For example, included here is the title of the video, as well as the URL for the thumbnail image that goes with it. For the purposes of embedding, the most important field is the “html” field. It contains this same snippet of HTML we saw before that tells us how to embed the video into the article.What’s so powerful about oEmbed is that we can use essentially the same technique to embed completely different kinds of content. For example, l can embed this SoundCloud audio stream:The same oEmbed mechanism allows us to obtain the HTML for embedding this content. In the HTML of the SoundCloud page is this link to the oEmbed endpoint:<link rel=”alternate”
Notice that even though it’s different from YouTube, we can still use the same oEmbed mechanism to retrieve it.Some other examples. The oEmbed links and embeddable HTML don’t follow any particular convention from one provider to another.FOWA Miami – Leah Culver via Flickr:Embedded HTML:<a data-flickr-embed=”true” href=”https://www.flickr. com/photos/hyku/2300680760/” title=”FOWA Miami – Leah Culver by hyku, on Flickr”><img src=”https://farm3.staticflickr.com/2169/2300680760_600aa44314_b.jpg” width=”1024″ height=”685″ alt=”FOWA Miami – Leah Culver”></a><script async src=”https://embedr.flickr.com/assets/client-code.js” charset=”utf-8″></script>
Flickr oembed
Aunque este método es fácil y directo, no incrusta los documentos reales en el blog. Esto significa que los usuarios tendrán que descargar el archivo para poder verlo, lo que puede no resultar cómodo para los visitantes, sobre todo para los usuarios de móviles.
WordPress añadirá el archivo a la página o entrada y mostrará su nombre junto con el botón “Descargar”. Para editar el nombre del archivo y el mensaje del botón “Descargar”, simplemente haga clic en el texto y realice los cambios.
Si desea incrustar un PDF directamente en su sitio web, tendrá que utilizar un plugin. Este método suele ser más cómodo para los visitantes, aunque no se recomienda para compartir archivos PDF de gran tamaño, como libros electrónicos.
Embed PDF Viewer sólo permite incrustar archivos PDF. Si desea incrustar más tipos de documentos como Microsoft Word, hojas de cálculo de Excel y presentaciones de PowerPoint, tendrá que utilizar un complemento diferente.
Puedes incrustar contenido de sitios web de terceros utilizando las herramientas integradas de WordPress. En concreto, WordPress dispone de bloques de incrustación para plataformas como vídeos de YouTube, Tweets y presentaciones de SlideShare.