<p>في إطار منافسات الجولة التاسعة والعشرين من الدوري الإسباني، حقق نادي برشلونة تقدمًا في الشوط الأول من المباراة التي أقيمت على ملعب كامب نو أمام فريق رايو فاليكانو، حيث انتهى الشوط بتفوق الفريق الكتالوني بهدف نظيف، وقد جاء هدف التقدم في الدقيقة الثالثة والعشرين عبر ضربة رأسية من اللاعب رونالد أراوخو الذي استغل عرضية متقنة ليضع الكرة في الشباك، بينما شهدت المباراة سيطرة نسبية من برشلونة الذي حاول فرض أسلوبه من خلال الضغط المبكر، في حين كانت محاولات رايو فاليكانو للعودة في النتيجة محدودة، كما دخل برشلونة المباراة بتشكيل مكون من خوان جارسيا في حراسة المرمى، وأمامه كل من جواو كانسيلو، باو كوبارسي، أراوخو، وجيرارد مارتن في خط الدفاع، بينما شمل خط الوسط كل من مارك بيرنال، بيدري، وفيرمين لوبيز، مع وجود ثلاثي هجومي يتكون من لامين يامال، رافينها، وروبرت ليفاندوفسكي</p>
</div><script type="text/javascript">
replaceOembeds();
function replaceOembeds() {
var allEmbeds = document.getElementsByTagName("OEMBED");
while (allEmbeds.length != 0) {
replaceOembedWithHtml(allEmbeds[0], extractLinkFromOembed(allEmbeds[0]));
allEmbeds = document.getElementsByTagName("OEMBED");
}
runYoutubeLazyLoad();
setTimeout(function () {
loadfbApi();
}, 4000);
}
function replaceOembedWithHtml(element, sourceData) {
if (sourceData.source.toLowerCase() === "youtube") {
var html="<div class="yt-embed"><div class="embed-wrap">" +
'<div class="embed-container">' +
'<div class="youtube" data-embed="' + sourceData.id + '">' +
'<div class="play-button"> ' +
'<svg class="icon"><use xlink:href="http://www.elbalad.news/themes/elbalad/assets/images/icons.svg#youtube"></use></svg>' +
'</div>' +
'</div></div></div></div>';
replaceElementWithHtml(element, html);
} else if (sourceData.source.toLowerCase() === "instagram") {
var html="<div class="instagram-embed"><iframe class="lazyload" width="320" height="440" data-src="https://instagram.com/p/" + sourceData.id + '/embed" frameborder="0"></iframe></div>';
replaceElementWithHtml(element, html);
} else if (sourceData.source.toLowerCase() === "twitter") {
var html="<div class="tw-embed"><iframe border=0 frameborder=0 height=250 width=550 src="https://twitframe.com/show?url=" + encodeURI(sourceData.url) + '"></iframe></div>';
replaceElementWithHtml(element, html);
} else if (sourceData.source.toLowerCase() === "facebook") {
var html="<div class="fb-embed"><div class="fb-video" data-href="" + sourceData.url + '" data-width="500" data-allowfullscreen="true" data-autoplay="true" data-show-captions="true"></div></div>'
replaceElementWithHtml(element, html);
} else {
replaceElementWithHtml(element, "");
}
}
function extractLinkFromOembed(element) {
return getUrlSource(element.getAttribute("url"));
}
function getUrlSource(url) {
var ytRegex = /http(?:s?):\/\/(?:www\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?[\w\?=]*)?/;
var instaRegex = /(https?:\/\/www\.)?instagram\.com(\/p\/(\w+)\/?)/;
var twitterRegex = /twitter\.com\/.*\/status(?:es)?\/([^\/\?]+)/;
var fbRegex = /^https?:\/\/www\.facebook\.com.*\/(video(s)?|watch|story|posts)(\.php?|\/).+$/;
if (ytRegex.test(url)) {
return {
source: "Youtube",
url: url,
id: ytRegex.exec(url)[1]
};
}
if (instaRegex.test(url)) {
return {
source: "Instagram",
url: url,
id: instaRegex.exec(url)[3]
};
}
if (twitterRegex.test(url)) {
return {
source: "Twitter",
url: url,
id: twitterRegex.exec(url)[1]
};
}
if (fbRegex.test(url)) {
return {
source: "Facebook",
url: url,
id: fbRegex.exec(url)[1]
};
}
return {
source: "Unknown",
url: url,
id: ""
};
}
function replaceElementWithHtml(element, html) {
var str = html;
var Obj = element; //any element to be fully replaced
if (Obj.outerHTML) { //if outerHTML is supported
Obj.outerHTML = str; ///it's simple replacement of whole element with contents of str var
} else { //if outerHTML is not supported, there is a weird but crossbrowsered trick
var tmpObj = document.createElement("div");
tmpObj.innerHTML = '<!--THIS DATA SHOULD BE REPLACED-->';
ObjParent = Obj.parentNode; //Okey, element should be parented
ObjParent.replaceChild(tmpObj, Obj); //here we placing our temporary data instead of our target, so we can find it then and replace it into whatever we want to replace to
ObjParent.innerHTML = ObjParent.innerHTML.replace('<div><!--THIS DATA SHOULD BE REPLACED--></div>', str);
}
}
function loadfbApi() {
var js = document.createElement('script');
js.src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2";
document.body.appendChild(js);
}
function runYoutubeLazyLoad() {
/// youtube lazyload
var youtube = document.querySelectorAll(".youtube");
for (var i = 0; i < youtube.length; i++) {
var source = "https://img.youtube.com/vi/" + youtube[i].dataset.embed +
"/0.jpg";
var image = new Image();
image.src = "https://www.elbalad.news/themes/elbalad/assets/images/no.jpg";
image.classList.add('lazyload');
image.setAttribute("data-src", source);
image.setAttribute("alt", "youtube");
image.addEventListener("load", function () {
youtube[i].appendChild(image);
}(i));
youtube[i].addEventListener("click", function () {
var iframe = document.createElement("iframe");
iframe.setAttribute("frameborder", "0");
iframe.setAttribute("allowfullscreen", "");
iframe.setAttribute("src", "https://www.youtube.com/embed/" + this.dataset
.embed + "?rel=0&showinfo=0&autoplay=1");
this.innerHTML = "";
this.appendChild(iframe);
});
};
}
</script><script async src="//www.instagram.com/embed.js"></script>