Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como embutir videos do Facebook?
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
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!
Re: Como embutir videos do Facebook?
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.
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.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Como embutir videos do Facebook?
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.
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.
Re: Como embutir videos do Facebook?
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:
Remova esse <script> do inicio e do fórum do código, e vai ter o seguinte código
Crie um Javascript com investimento nos tópicos com o conteúdo que conseguir, então salve e publique.
Agora vamos ao HTML
Está vendo essa parte do código?
Você pode remover ela, ficando com o seguinte:
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
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
Re: Como embutir videos do Facebook?
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:
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)
- 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)
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Como embutir videos do Facebook?
Bom dia Pedxz e Sleep
Muito obrigado pela vossa ajuda.
Logo quando chegar a casa vou experimentar.
OBRIGADO!
Muito obrigado pela vossa ajuda.
Logo quando chegar a casa vou experimentar.
OBRIGADO!
Re: Como embutir videos do Facebook?
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
Re: Como embutir videos do Facebook?
Tópico resolvidoTópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão. |
Tópicos semelhantes
» Como colocar vídeos no fórum
» Como eu coloco vídeos no meu forum
» Como incorporar vídeos do youtube
» Como alterar a largura dos videos do YouTube nos posts?
» Como aumentar o tamnho dos videos no forum?
» Como eu coloco vídeos no meu forum
» Como incorporar vídeos do youtube
» Como alterar a largura dos videos do YouTube nos posts?
» Como aumentar o tamnho dos videos no forum?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos