/*-----اضف هذا الكود تحث <body> ----*/
<div id='fb-root'/>
<script>
//<![CDATA[
(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/es_LA/all.js#xfbml=1&appId=1439152689637274";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'>
<script>
//<![CDATA[
(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/ar_AR/all.js#xfbml=1&appId=1439152689637274";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<script>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId: '1439152689637274',
status: true,
xfbml: true
});
};
function youtubeblocker() {
FB.ui( {
method: '../sharer/sharer.php?u=' +document.URL+ '',
link : document.URL,
},
function(response) {
if (response) {
$("#image, #play, #play-button, #sharebox, .headtitle").fadeOut('slow');
$("#youtubeblocker").css({"height":"415px","width":"100%"})
} else {
//alert('');
}
}
);
};
var tweetUrlBuilder = function(o){
return [
'https://twitter.com/intent/tweet?tw_p=tweetbutton',
'&url=', encodeURI(o.url),
'&via=', o.via
].join('');
};
function tweet(){
var url = tweetUrlBuilder({
url : document.URL,
via : 'TWITTER_PROFILE'
});
window.open(url, 'Tweet', 'height=500,width=700');
}
// Called by the Twitter, many times during it's
// life-cycle. We only want to know when the user
// has tweeted, so the following filters are required.
var callback = function(e){
if(e && e.data){
var data;
try{
data = JSON.parse(e.data);
}catch(e){
// Don't care.
}
if(data && data.params && data.params.indexOf('tweet') > -1){
$("#image, #play, #play-button, #shareboxtw, .headtitle").fadeOut('slow');
$("#youtubeblocker").css({"height":"415px","width":"100%"});
}
}
};
window.addEventListener ? window.addEventListener("message", callback, !1) : window.attachEvent("onmessage", callback);
function sharebox(){
$("#youtubeblocker #play").css({'background-color':'#000','opacity':'0.6','background-image':'none'});
$("#sharebox, #shareboxtw, .headtitle").show();
$("#play-button").hide();
}
function youtube (IDyoutube) {
var output1 = '<div id="youtubeblocker"><span class="headtitle">لمشاهدة الفيديو قم أولا بمشاركته على إحدى الشبكات الإجتماعية</span><div id="image"><img src="http://img.youtube.com/vi/' + IDyoutube + '/mqdefault.jpg" height="360px" width="100%" /><div id="play"><div id="play-button" onclick="sharebox();"></div></div><div id="sharebox" onclick="youtubeblocker();"></div><button id="shareboxtw" onclick="tweet()" class="tweet-this"></button></div><iframe width="100%" height="415" src="http://www.youtube.com/embed/'+IDyoutube+'?autoplay=0" frameborder="0"></iframe></div>';
document.write (output1);
}
//]]>
</script>
</b:if>
<style>
#youtubeblocker {
position:relative;
margin:0px auto;
cursor:;
overflow: hidden;
border:0px solid #000;
width:100%;
height:360px;
}
#youtubeblocker iframe {
display:;
}
#youtubeblocker #image {
width:100%;
height:100%;
background-size:100% 100%;
}
#youtubeblocker #play {
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:360px;
border:0px solid #000;
z-index:1;
background: url(https://lh6.googleusercontent.com/-nEZHojbiNUA/VCbhxi0tfQI/AAAAAAAAAGI/K6ylAZErg-Q/s84/play-off.png) no-repeat center center;
}
#youtubeblocker #play-button {
position:absolute;
cursor:pointer;
top:0;
left:0;
display:block;
width:100%;
height:360px;
}
#youtubeblocker #play-button:hover {
position:absolute;
cursor:pointer;
top:0;
left:0;
display:block;
width:100%;
height:360px;
background: url(https://lh4.googleusercontent.com/-kdJ9S7RsHQw/VCbhyjrHnII/AAAAAAAAAGQ/7LixuUHQnlw/s84/play-on.png) no-repeat center center;
}
#youtubeblocker #sharebox {
display:none;
cursor:pointer;
position:absolute;
top:40%;
right:25%;
width:128px;
height:128px;
background: url(https://cdn0.iconfinder.com/data/icons/social-set-2/512/UberCons_SocialPack_Facebook-128.png) no-repeat;
border:0px solid #000;
z-index:2;
}
#shareboxtw {
display:none;
cursor:pointer;
position:absolute;
top:40%;
right:55%;
width:128px;
height:128px;
background: url(https://cdn0.iconfinder.com/data/icons/social-set-2/512/UberCons_SocialPack_Twitter-128.png) no-repeat;
border:0px solid #000;
z-index:2;
}
.headtitle {
position: absolute;
top: 10%;
right: 14%;
text-align: center;
z-index: 999;
color: #FFF;
font: bold 15pt ""tahoma",Verdana,Sans-Serif";
width: 70%;
display: none;
}
</style>
