Embed Incrustar Insertar Video de Facebook

Hay un código para insertar un vídeo de Facebook en una página web o blog.

A mí no me funcionaba, lo que me funciona es copiar todo, el siguiente código, y cambiar la dirección web de la publicación de Facebook que contiene el vídeo:

Nota: Perdón, para copiar el texto, seleccionalo con el cursor, y luego pulsa CTRL+C para copiar y luego click derecho, pegar, o CTRL+V.

<!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>

  <!-- Your embedded video player code -->
  <div class="fb-video" data-href="https://www.facebook.com/officialpress/videos/1009319662595347/" data-width="500" data-show-text="false">
    <div class="fb-xfbml-parse-ignore">
      <blockquote cite="https://www.facebook.com/officialpress/videos/1009319662595347/">
        <a href="https://www.facebook.com/facebook/videos/10153231379946729/" target="_blank">How to Share With Just Friends</a>
        <p>How to share with just friends.</p>
        Posted by <a href="https://howtoscomos.blogpsot.com" target="_blank">HowTosComos</a> on Monday, February 25, 2019
      </blockquote>
    </div>
  </div>

Copiado de las instrucciones de Facebook:
https://developers.facebook.com/docs/plugins/embedded-video-player/

Se cambia "https://www.facebook.com/facebook/videos/10153231379946729/" que es el vídeo de Facebook sobre como insertar un vídeo de Facebook, un vídeo promocional por la dirección del vídeo que te gusta. Y cambia los demás enlaces y texto (o no).

Por ejemplo la Mascleta Vertical transmitida por Oficial Press:
https://www.facebook.com/officialpress/videos/1009319662595347/

Y lo cambio en las tres líneas que he resaltado arriba y el resultado es:

How to Share With Just Friends
How to share with just friends.
Posted by HowTosComos on Monday, February 25, 2019

Embed Twitter Timeline - Feed - Inserta una lista de Tweets

Pues aún se puede  insertar una ristra de tweets de un canal y puede que con un hashtag, y seguramente alguna posibilidad más que desconozco.

Por ahora he encontrado la forma de insertar los tweets de un canal.

Simplemente copia el siguiente código:

<a class="twitter-timeline" href="https://twitter.com/TheAcademy?ref_src=twsrc%5Etfw">Tweets by wordpressdotcom</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

TheAcademy es el nombre del canal de La Academia de los Oscar, de los premios de Cine :-)

Puedes ver el ejemplo en la publicación:
https://rutasinplanificar.blogspot.com/2019/02/y-la-noche-de-los-oscars-oscar2019-night.html

No tengo un canal de Twitter sino lo pondría como ejemplo. Si tu canal es @loquemedalagana pues simplemente pones twitter.com/loquemedalagana?ref_src=twsrc%5Etfw... puede que lo de ref no sea necesario.

fijate que la class es "twitter-timeline" seguro que se puede jugar con eso también.

https://publish.twitter.com/?query=https%3A%2F%2Ftwitter.com%2Fwordpressdotcom&ref_src=twsrc%5Etfw%7Ctwcamp%5Eembeddedtimeline%7Ctwterm%5Eprofile%3Awordpressdotcom&ref_url=https%3A%2F%2Fen.support.wordpress.com%2Fwidgets%2Ftwitter-timeline-widget%2F&widget=Timeline

Incrustar música en Blogger

Un iframe puede funcionar, necesitas la direción a un fichero mp3 de stream, por ejemplo.

El código iframe puede que no se vea al cargar la página en Chrome u otro navegador por detectar un script no seguro que hay que permitir...

Pero si usamos las etiquetas audio, funciona y encima con autoplay=false. Añadir autoplay o autostar después de la dirección del fichero mp3 no funcionaba.

También es verdad, más sencillo es hacer un streaming a youtube o Twitch.tv y copiar el código de inserción o embed :-)

Bueno, el código que funciona en Blogger para insertar una emisión en formato mp3 y que además no empieze a oirse desde que se carga la página sino que el visitante tiene que pulsar el botón "play" :-)

<audio controls>
<source src="http://la-dirección-de-tu-archivo-mp3-este-en-drive-o-donde-sea.mp3" type="audio/mpeg">
El texto que quieres que se muestre, como en los iframes, en caso de que el navegador de la persona que visita tu página, no pueda ver el reproductor multimedia :-)
</audio>

Solo eso, y funciona :-)

Vale :-)

Un ejemplo. No funciona con archivos m3u8 o m3u.

Pero sí con mp3.






Concretamente estas escuchando Oüi FM y la radio o canal "La Radio de Rock":

http://player.ouifm.fr/rock/

https://www.ouifm.fr/

Tienen unos 20 canales más que puedes escuchar online a través de su página web o de su app:

https://play.google.com/store/apps/details?id=fr.ouifm.radio&hl=es

https://www.ouifm.fr/nous-ecouter/mobiles/

Embed FACEBOOK VIDEOS - Inserta Videos de FACEBOOK en tu blog o pagina web

Insertar un vídeo que ves en Facebook, en cualquier perfil, en tu blog o página web:

This way / Por aquí:

https://developers.facebook.com/docs/plugins/embedded-video-player/

El vídeo de dos horas del concierto FeneRock2017 con Heredeiros da Cruz y otras bandas que compartieron en el canal de Facebook de FeneRock Festival lo he incrustado más abajo en esta publicación ;-)

________________________


Con Youtube es evidente, pulsas compartir y puedes copiar el código para insertar el vídeo de youtube que estas viendo en tu página web.

¿sabes qué? Voy a insertar ese vídeo "Clandestino" de Shakira y Maluma :-) y no es una versión de Manu Chao ;-)

(*Me quejaré, de nuevo blogger, o firefox o mi ordenador me ha borrado dos códigos incrustados de vídeos... o adblockplus me los ha borrado aunque lo tengo deshabilitado... pero borrarme los códigos de vídeos?... a copiarlos de nuevo*)

~~~~~~~~~~~~~~~~~~~~~~~~ 

Pero en Facebook no es tan evidente, de hecho si pulsas sobre compartir lo único que puedes hacer es refacebookear, como si retwitearas un tweet pero en este caso es un vídeo de facebook que compartes en tu biografía...

Pero en el enlace de arriba si puedes crear el script o código html para insertar ese vídeo de facebook que has visto en la bliografía de alguié   oq ue tu mismo subiste a tu canal, y copiar ese código y agregarlo a tu blog o página web :-)

Como las dos horas de concierto de FeneRock del 17 de Septiembre de 2017 (por allí anduvé y me encantó) que he puesto al principio :-)


El iframe no me funcionaba... hay que ir a la versión de ordenador u escritorio, la de "www.", pulsar sobre el vídeo y ya tenemos la dirección web que nos piden para generar el código.

https://www.facebook.com/fenerockfestival/videos/vb.146414388779276/1430797350340967/?type=2&theater

<iframe src="https://www.facebook.com/plugins/video.php?

href=https%3A%2F%2Fwww.facebook.com%2Ffenerockfestival%2Fvideos%2F

vb.146414388779276%2F1430797350340967%2F%3Ftype%3D2%26theater&width=500&

show_text=false&height=281&appId" width="500" height="281"  

style="border:none;overflow:hidden" scrolling="no" frameborder="0" 

 allowTransparency="true" allow="encrypted-media" allowFullScreen="true">

</iframe>

-
Es el primer vídeo que aparece arriba en esta publicación.
-



Y si intento el método del código SDK para Javascript, Google Blogger me da un error al comprobar el archivo xml de la plantilla indicando que la palabra "version" que contiene la dirección web de Facebook dónde tiene que descargar algún código... dice que tiene que ir seguido de ";".... no hay manera... aún... voy a seguir intentandolo un poco...

Y sino, crear una página web, registrarse en un hosting gratuito sin publicidad, crear un archivo html con solo ese código y enlazarlo...





---------
Offtopic. Un vídeo de Facebook con un chat cuando pusé la dirección del vídeo pero no la que piden...


Fijate en que la dirección web empieza por "m." en lugar de "www." de ese modo puedes también descargar el vídeo cuando lo veas con un simple click derecho.

How to Share With Just Friends
How to share with just friends.
Posted by Facebook on Friday, December 5, 2014

-