Como embutir videos do Facebook?

Detalhes da questão

Endereço do fórum: https://tx-rx.forumeiros.net/
Versão do fórum: phpBB3

Descrição

Bom dia caríssimos Fórum dos Fóruns

Gostava de saber se é possível?
Caso seja possível quero aprender como embutir vídeos do facebook.

Obrigado pela vossa ajuda.
Até jazz!

Olá ALF007,

Lamento informar mas não há como.

Chanp

Olá @ALF007,

Posso fazer um script para adicionar videos do Facebook ao fórum, porém precisarei de um vídeo exemplo (URL), por favor


Aguardo uma resposta sua,
pedxz.

Bom dia @Pedxz

Antes de mais, muito obrigado pela vossa disponibilidade.
Se poder então fazer script fica agradeço... aqui vai um video:
https://www.facebook.com/2078033409093057/posts/2695855210644204/

Muito Obrigado.

Olá @ALF007,

Tenho andar a estudar novas formas, e penso que esta seja a sua questão e vi uma solução no caso do facebook, e se usar os videos do facebook no forum?

Bom, não pode inserir scripts diretamente nas postagens, no entanto:

Preste atenção no botão Incorporar publicação, ao clicar nele o senhor terá acesso a um popup onde será possível configurar o tamanho do vídeo e acesso a um código Javascript e outro HTML.

Note que o código Javascript fica entre as tags <script>, veja:

Código:

<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Remova esse <script> do inicio e do fórum do código, e vai ter o seguinte código

Código:

(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));

Crie um Javascript com investimento nos tópicos com o conteúdo que conseguir, então salve e publique.

Agora vamos ao HTML

Código:

<div id="fb-root"></div><div class="fb-post" data-href="https://www.facebook.com/watch/?v=379534112727728" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/watch/?v=379534112727728">Publicação</a> by <a href="https://www.facebook.com/watch/FirstMediaBlossom/">Blossom</a>.</div></div>

Está vendo essa parte do código?

Código:

<div id="fb-root"></div>

Você pode remover ela, ficando com o seguinte:

Código:

<div class="fb-post" data-href="https://www.facebook.com/watch/?v=379534112727728" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/watch/?v=379534112727728">Publicação</a> by <a href="https://www.facebook.com/watch/FirstMediaBlossom/">Blosssom</a>.</div></div>

Pronto, só inserir esse HTML em suas postagens, e o melhor, vai ter acesso ao vídeo, curtidas e também os comentários e afins do vídeo...

Outra coisa legal é, não vai ter de inserir um novo script toda vez que for publicar um vídeo, basta copiar o HTML passado (:

Leia mais aqui: https://developers.facebook.com/docs/plugins/embedded-posts

OBS.: Altere o link do facebook como desejado!

Atenciosamente,
Sleep

Ou faz como o Sleep explicou, ou crie uma nova Página JavaScript com investimento em todas as páginas com o seguinte código:

Código:

(function($) {
  'use strict';
 
 
  $(window).on('load', function() {
      var $sceditor = $("#text_editor_textarea");
    
      if (!$sceditor.length) {
        return;
      }
 
      $([
        '<div class="sceditor-group fa-fb-group">',
        '<a class="sceditor-button sceditor-button-fb" data-sceditor-command="fb" unselectable="on" title="Inserir vídeo do Facebook">',
        '  <div unselectable="on" style="background-image: url(\'https://cdn1.iconfinder.com/data/icons/facebook-social-media-set/142/facebook_video-512.png\');background-position: center center; background-size: contain;">Inserir download</div>',
        '</a>',
        '</div>'
      ].join('\n'))
        .on('click', function () {
          $('.sceditor-insertfb').toggle();
        })
          .insertAfter('.sceditor-group:last')
      ;
 
      $([
        '<div class="sceditor-dropdown sceditor-insertfb">',
        '  <div>',
        '    <label for="fa-fb-input">ID do vídeo (Opcional):</label>',
        '    <input id="fa-fb-input" value="">',
        '  </div>',
        '  <div>',
        '    <input type="button" class="button" ' +
        '    id="fa-fb-button" value="Inserir">',
        '  </div>',
        '</div>',
      ].join('\n'))
        .css({
          left: $('.fa-fb-group').offset().left + 'px',
          top: $('.fa-fb-group').offset().top + 'px',
          marginTop: '28px',
          display: 'none'
        })
          .appendTo('body')
      ;
 
    $('#fa-fb-button')
      .on('click', function () {
        
         if (!$('#fa-fb-input').val()) return false;
        
        $sceditor.sceditor('instance').insertText('[fb]' + $('#fa-fb-input').val() + '[/fb]');
        $('.sceditor-insertfb').toggle();
        $('#fa-fb-input').val('');
    });
  });
 
  $(function () {
     $([
         '.post-entry > div',
         '.content > div',
         '#preview .postbody > div',
      ].join(', ')).each(function() {
        var $this = $(this);
        $this.html($this.html().replace(/\[fb\]([^\[]+)\[\/fb\]/gi, function(text, match) {
          return $('<div>', {
            'class': 'fb-video',
            'data-href': 'https://www.facebook.com/video.php?v=' + match,
            'data-width': 500,
            'data-allowfullscreen': true
          }).prop('outerHTML');
        }));
    });
  });
}(jQuery));

Demonstração:

Para pegar o ID do vídeo (somente o que está a frente do v=), leia: https://developers.facebook.com/docs/plugins/embedded-video-player (Getting a video post's URL)

Bom dia Pedxz e Sleep

Muito obrigado pela vossa ajuda.
Logo quando chegar a casa vou experimentar.
OBRIGADO!

ALF007 escreveu:Bom dia Pedxz e Sleep

Muito obrigado pela vossa ajuda.
Logo quando chegar a casa vou experimentar.
OBRIGADO!

Muito bem amigo,

aguardaremos a resposta do resultado!

Atenciosamente,
Sleep