javascript - Embed Facebook video via ajax -


i have database store id of x videos facebook also, youtube , vimeo, load video via ajax, vimeo , youtube load facebook doesn't load, loads html code via ajax contains script wich requiered facebook...
embed video facebook code this:

<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/en_us/sdk.js#xfbml=1&version=v2.0";         fjs.parentnode.insertbefore(js, fjs);     }(document, 'script', 'facebook-jssdk')         ); </script> <div class="hidden-xs hidden-sm visible-md visible-lg">     <div id="fbid">         <div id="fb-root"></div>         <div class="fb-post" data-href="https://www.facebook.com/video.php?v=<?php echo $v->v; ?>" data-width="800">             <div class="fb-xfbml-parse-ignore">             </div>         </div>     </div> </div>

with code can embed facebook videos, if go directly ajax file, http://foo.com/ajax.php?i=1 output code facebook , , display video correctly, if call using ajax see html script doesn't executed in other words don't see video...
ajax this

$('.v_list li').click(function(){     var $ids = $(this).attr('id');     $.ajax({         url: "v.php",         data: {             vid: $ids         },         type: "get",         // datatype: "html", // test #7 .. working         context: document.body, // change #8         success: function (data) {             $("#slider").html(data);         },         error: function (xhr, status) {             alert("ocurrio un problema!");         },         complete: function (xhr, data) {             // hide loading img         }     }).done (function (data) {         // alert('sss'); // working...         $("#slider").find("script").each(function(i) {             eval($(this).text());         }); // p*** of s*** not working...      }); })

so problem got when video facebook... how can solve this?... thanks

after loading html code ajax, may need use fb.xfbml.parse:

fb.xfbml.parse();

source: https://developers.facebook.com/docs/reference/javascript/fb.xfbml.parse


Comments

Post a Comment

Popular posts from this blog

r - Trouble relying on third party package imports in my package -

my package uses ggplot2 extensively make custom plots. import ggplot2 in namespace file. can build, install, , load package r without errors. when call function package, complains can't find function in imported package. function called had absolute nothing plotting , didn't make use of ggplot2 . how can make function calls package work without these types of errors? error in theme_beata() (from plot.r#14) : not find function "theme_classic" the first function erroring is: #' custom ggplot2 theme beata #' @import ggplot2 #' @family themes #' inheritparams ggplot2::theme_classic #' @export theme_beata <- function(base_size = 14, base_family="serif", ticks = true) { ret <- theme_classic() + theme(axis.line = element_line(size=0.6), axis.text = element_text(size = base_size), axis.title = element_text(size= base_size + 2), title = element_text(size=base_size + 4)) if (...
Read more

Payment information shows nothing in one page checkout page magento -

i using magento ver. 1.9.1.0 want remove shipping information , shipping method step 1 page checkout page. changed code in core file like in app\code\core\mage\checkout\block\onepage.php public function getsteps() { $steps = array(); $stepcodes = $this->_getstepcodes(); /* remove shipping address , shipping method */ $excludestep=array_diff($stepcodes,array('shipping','shipping_method')); //$excludestep=$stepcodes; if ($this->iscustomerloggedin()) { $stepcodes = array_diff($excludestep, array('login')); } foreach ($excludestep $step) { $steps[$step] = $this->getcheckout()->getstepdata($step); } return $steps; } and in app\code\core\mage\checkout\controllers\onepagecontroller.php public function savebillingaction() { if ($this->_expireajax()) { return; } if ($this->getrequest()-...
Read more