Domain E-Mail & Office Website WordPress Hosting VPS
Zurück
.com
$ 9.99 $ 26.99 /1. Jahr
.one
$ 4.99 $ 16.99 /1. Jahr
Zurück
Einloggen
Kontrollpanel Webmail Homepage-Baukasten Webshop File Manager WordPress

Wie erstelle ich eine Website?

Mit one.com kann jeder seine eigene Traum-Website erstellen

Websites oder Homepages sind heutzutage entscheidend für jedes kleine Unternehmen oder Start-Up. Aktuelle und zukünftige Kunden erwarten Websites und haben den Anspruch, dass sie gut aussehen sowie schnell und intuitiv sind. In dieser Anleitung lernen Sie, wie Sie eine Website von Anfang an erstellen können – eine Website, auf die Sie stolz sein werden.

Sind Sie dazu bereit, sofort Ihre brandneue und umwerfende Website zu erstellen? Wählen Sie einfach ein Website-Paket aus, der Ihren Anforderungen entspricht, und Sie werden Ihre Idee im Handumdrehen online bringen.

Wie erstelle ich meine eigene Website?

Eine Website kann auf verschiedene Weisen erstellt werden. Sie brauchen allerdings für jede Option eine Domain und Hosting.

Eine Website programmieren

Sie können eine Website erstellen, indem Sie diese selbst programmieren. Das hat den Vorteil, dass Sie Ihre Website genau so einrichten können, wie Sie es möchten, und dass es keine Einschränkungen in der Entwicklung gibt. Eine Website zu programmieren nimmt sehr viel Zeit in Anspruch und erfordert eine Menge technisches Wissen, was die Option für die meisten Menschen wenig attraktiv macht.

Eine Website “kostenlos” erstellen

Im Internet finden Sie einige Optionen, mit denen Sie eine Website “umsonst” erstellen können. Mit diesen Angeboten werden Sie allerdings immer auf gewisse Schwierigkeiten stoßen. So werden Sie zum Beispiel Ihre Website nicht auf Ihrer eigenen Domain haben oder es wird Werbung auf Ihre Website geschaltet. Am Ende werden Sie trotzdem dafür bezahlen, die Homepage zu erhalten, die Sie sich gewünscht hatten. Eine professionelle Website “kostenlos” zu erstellen wird daher nicht empfohlen.

Domains und Hosting

Eine Website kann weder ohne Domain noch ohne Hosting existieren. Die Domain ist die Adresse Ihrer Website und ist notwendig, um Besucher auf Ihre Seite zu bringen. Wählen Sie immer einen Namen für die Domain aus, der zu Ihrem Unternehmen oder Ihrer Marke passt.

Webhosting beschreibt das Hochladen Ihrer Website auf einen Server. Es ist der Speicherplatz, auf dem Ihre Website und all Ihre Inhalte verwahrt werden. Der Server wird von dem Hosting-Provider betrieben und stellt sicher, dass Ihre Website online bleibt und reibungslos läuft.

Eine Website mit einem CMS erstellen

Ein CMS ist ein Content Management System und ein Tool, um Ihre Website zu erstellen und zu verwalten. Das beste und bekannteste CMS ist WordPress. Eine Website mit WordPress zu erstellen kann für Anfänger eine steile Lernkurve bedeuten, aber aufgrund seiner endlosen Möglichkeiten wird es allgemein als das beste Tool für den Aufbau einer Website betrachtet. Bei one.com können Sie eine WordPress Website erstellen und dank unser 1-Klick-Installation sofort loslegen. WordPress ist auch die beste Option, um Ihren eigenen Blog zu erstellen.

Eine Website mit einem Homepage-Baukasten erstellen

Die einfachste und schnellste Art, eine Website zu erstellen, ist mit einem Homepage-Baukasten. Unser Homepage-Baukasten ist ein benutzerfreundliches Tool, das es Ihnen ermöglicht, blitzschnell Ihre eigene Website einzurichten. Sie können aus über 140 Vorlagen wählen, um anzufangen. Der Homepage-Baukasten ist die beste Option für Leute, die eine einfache Website erstellen wollen, ohne viel Zeit damit zu verbringen.

Create a website using one.com Website Builder - Live demo
Erstellen Sie ganz einfach eine Website, auf die Sie stolz sein können

Erstellen Sie ganz einfach eine Website, auf die Sie stolz sein können

Erstellen Sie eine professionelle Website mit unserem nutzungsfreundlichen und preiswerten Homepage-Baukasten

Jetzt 14 Tage kostenlos testen
  • Wählen Sie aus über 140 Templates
  • Keinerlei Coding-Kenntnisse erforderlich
  • In wenigen Schritten online
  • Gratis SSL-Zertifikat
  • Optimiert für mobile Geräte
  • Täglicher Support

Was kostet es, eine Website zu erstellen?

Sie wissen nun, dass Sie eine Domain, ein Hosting-Paket und ein Bearbeitungsprogramm brauchen, um eine Website zu erstellen. Die Kosten sind also die nächste logische Frage. Es ist nicht immer klar, was das Erstellen einer Website für Kosten verursacht und die Preise können abweichen. Das liegt vor allem daran, dass Hosting-Provider meistens viele verschiedene Pakete anbieten, was es schwierig macht, die richtige Wahl zu treffen.

E-Mail und Websites

Eine neue Website kann ideal mit einer professionellen E-Mail-Adresse kombiniert werden. Die Domain, die Sie für Ihre Website auswählen, kann dabei auch als Ihre E-Mail-Adresse dienen. Alle Hosting-Pakete von one.com beinhalteten E-Mail-Hosting, so dass Sie jederzeit professionell mit Ihren Kunden in Kontakt treten können. Erfahren Sie hier mehr über E-Mail-Hosting.

Die Kosten für die Erstellung einer Website hängen unter anderem von der Größe der Website ab sowie von den gewünschten Funktionen und dem Tool, das Sie benutzen. Eine große Website mit vielen Seiten hat höhere technische Anforderungen als eine kleine Website und benötigt daher ein leistungsfähiges Hosting, um gut zu funktionieren. Persönliche Websites haben meistens geringere Anforderungen und können deswegen billiger eingerichtet werden.

Eine Website mit einem CMS oder einem Homepage-Baukasten zu erstellen ist nicht nur die einfachste Art der Website-Einrichtung – es ist außerdem sehr günstig. Dabei ist es oft praktischer, eine Domain, Hosting und einen Homepage-Baukasten von einem Anbieter zu kaufen. Nicht alle bieten diese Option an. Um es Ihnen so leicht wie möglich zu machen, bietet Ihnen one.com mit kompletten und günstigen Hosting-Paketen alles an, was Sie für die Erstellung einer Website brauchen. Es muss monatlich nicht mehr kosten als eine Tasse Kaffee.

Nachdem Sie Ihre Website erstellt haben, kommen vielleicht weitere Kosten auf Sie zu, zum Beispiel für Online Marketing. Diese Kosten sind optional, doch sie könnten sich lohnen, um mehr Traffic auf Ihre Website zu lenken.

Was ist wichtig beim Erstellen einer Website?

Eine gut funktionierende Website zu haben ist für Ihr Unternehmen sehr wichtig. Heutzutage ist es einfach, eine Website selbst zu erstellen. Es gibt jedoch mehrere Dinge, die es zu beachten gilt, um Ihre Website zu einem Erfolg werden zu lassen.

Berücksichtigen Sie die folgenden Aspekte und Sie können sofort mit dem Erstellen Ihrer eigenen Website anfangen:

  1. Erstellen Sie eine optisch ansprechende Website. Das Design Ihrer Website ist der erste Eindruck, den Besucher von Ihrer Marke erhalten. Eine optisch ansprechende Website zieht Besucher an und wird voraussichtlich erfolgreicher sein als eine schlecht entwickelte Website.
  2. Gestalten Sie die Navigation auf Ihrer Website einfach. Navigation auf einer Website ist wichtig. Besucher, die nicht das finden können, wonach sie suchen, sind frustriert und werden Ihre Website verlassen. Die Website sollte daher ein einfach zu bedienendes Menü und interne Links aufweisen, um es Besuchern leicht zu machen, die gewünschte Seite zu finden.
  3. Stellen Sie sicher, dass Ihre Website responsiv ist. Heutzutage bewegen sich immer mehr Menschen mit dem Handy durch das Internet. Es ist also wichtig, dass Ihre Website auch auf mobilen Geräten gut aussieht. Praktischerweise sind die Vorlagen und WordPress-Themes von one.com bereits responsiv. Unser Homepage-Baukasten hat außerdem einen Mobilgeräte-Editor, um sicherzustellen, dass Ihre Website auf jedem Gerät großartig aussieht.
  4. Sichern Sie Ihre Website. Es ist wichtig, Ihre Website gegen digitale Bedrohungen zu schützen. Dies gibt Besuchern ein sicheres Gefühl und verringert drastisch das Risiko, dass Ihre Website gehackt wird. Bei one.com wissen wir, wie wichtig eine sichere Website ist. Sämtliche Pläne von uns beinhalten daher ein kostenloses SSL-Zertifikat.
  5. Bieten Sie gute und interessante Inhalte an. Dies ist ein Muss, um mehr Traffic auf Ihre Website zu bringen. Ein Besucher wird Ihre Website verlassen und nicht wiederkehren, wenn ihn der Inhalt nicht interessiert. Sie sollten deswegen immer gute und ansprechende Inhalte erstellen, wie etwa informative Texte, schöne Bilder oder faszinierende Videos.
' html += '
' html += '' + ocKeys[locale].allPlans + '' html += '
' return html; } function ocGetLocale() { var localString = document.getElementsByTagName('html')[0].getAttribute("lang"); if (!localString) { return "en"; } if (localString.indexOf('-') === -1) { return localString; } return localString.split("-")[0] } function isInViewport(element) { var rect = element.getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.top <= (window.innerHeight || osShadowElement.documentElement.clientHeight) && rect.right <= (window.innerWidth || osShadowElement.documentElement.clientWidth) ); } function ocLogBuyClick(e) { if (!e.target.classList.contains("onecom_plans_cta_main")) { return; } var parent = e.target.parentNode.parentNode.parentNode.parentNode.parentNode; window.dataLayer.push({ event: "addToCart", ecommerce: { currencyCode: parent.getAttribute("data-currency"), add: { actionField: { list: document.getElementsByTagName('h1')[0].textContent }, products: [ { id: parent.getAttribute("data-title"), name: parent.getAttribute("data-title"), brand: "one.com", category: "pps", variant: parent.getAttribute("data-plan"), location: document.getElementsByTagName('h1')[0].textContent, price: parent.getAttribute("data-price"), quantity: 1 } ] } } }); } function ocLogTrackingInfo(e) { if ((e.getAttribute("data-marked") !== "1") || (!dataLayer)) { return; } e.removeAttribute("data-marked"); if (!e.getAttribute("data-title") || e.getAttribute("data-fresh") !== "1") { return; } console.info("push initiated") window.dataLayer.push({ id: e.getAttribute("data-title"), name: e.getAttribute("data-title"), brand: "one.com", category: "pps", variant: e.getAttribute("data-plan"), list: "/" + ocGetLocale() + "/", location: document.getElementsByTagName('h1')[0].textContent, price: e.getAttribute("data-price"), position: e.getAttribute("data-position") } ); e.setAttribute("data-fresh", "0"); } function ocSetImpression() { var plans = document.getElementsByClassName('oc-plan-container'); for (var i = 0; i < plans.length; i++) { if (isInViewport(plans[i])) { ocLogTrackingInfo(plans[i]); } } } function ocProductImpression(e) { var plans = document.getElementsByClassName('oc-plan-container'); for (var i = 0; i < plans.length; i++) { if (isInViewport(plans[i])) { plans[i].setAttribute("data-marked", "1"); ocTimeout = setTimeout(ocSetImpression, 2000) } } } /* var headingTag = window.location.hash.substr(1); if(headingTag.length > 0){ console.log(headingTag); osShadowElement.querySelector('#'+headingTag).scrollIntoView(); } */ //frontpage function scrollSmooth() { var elmntToView = osShadowElement.querySelector("#oc-plansandprices"); elmntToView.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" }); } const rightBtn = osShadowElement.querySelector('#right-button'); const leftBtn = osShadowElement.querySelector('#left-button'); if (rightBtn && leftBtn) { rightBtn.addEventListener("click", function (event) { const conent = osShadowElement.querySelector('#content'); conent.scrollLeft += 100; event.preventDefault(); let activeElement = osShadowElement.querySelector(".banner-thumb.active"); if (osShadowElement.querySelector(".banner-menu li:last-child").classList.contains('active')) { osShadowElement.querySelector(".banner-menu li:first-child").click(); } else { if (activeElement.nextElementSibling) { activeElement.nextElementSibling.click(); } } }); leftBtn.addEventListener("click", function (event) { const conent = osShadowElement.querySelector('#content'); conent.scrollLeft -= 100; event.preventDefault(); let activeElement = osShadowElement.querySelector(".banner-thumb.active"); if (osShadowElement.querySelector(".banner-menu li:first-child").classList.contains('active')) { osShadowElement.querySelector(".banner-menu li:last-child").click(); } else { if (activeElement.previousElementSibling) { activeElement.previousElementSibling.click(); } } }); } function nextSlide(thumbClass) { if (thumbClass.length > 0) { var elements = osShadowElement.querySelectorAll(".banner-section"); for (var i = 0, len = elements.length; i < len; i++) { elements[i].style.display = "none"; } var elements = osShadowElement.querySelectorAll(".banner-thumb"); for (var i = 0, len = elements.length; i < len; i++) { elements[i].classList.remove("active"); } var elmntToView = osShadowElement.querySelector('.banner-section-' + thumbClass); elmntToView.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" }); var menuClicked = osShadowElement.querySelector('.banner-thumb-' + thumbClass); menuClicked.classList.add("active"); menuClicked.scrollIntoView(); osShadowElement.querySelector('.banner-section-' + thumbClass).style.display = "block"; } } const accordionTitlesSuccess = osShadowElement.querySelectorAll(".success-steps-col"); accordionTitlesSuccess.forEach((accordionTitle) => { accordionTitle.addEventListener("click", () => { if (accordionTitle.classList.contains("active")) { accordionTitle.classList.remove("active"); } else { const accordionTitlesWithIsOpen = document.querySelectorAll(".success-steps-col"); accordionTitlesWithIsOpen.forEach((accordionTitleWithIsOpen) => { accordionTitleWithIsOpen.classList.remove("active"); }); accordionTitle.classList.add("active"); } }); }); const accordionTitlesFaq = osShadowElement.querySelectorAll(".faq-col"); accordionTitlesFaq.forEach((accordionTitle) => { accordionTitle.addEventListener("click", () => { if (accordionTitle.classList.contains("active")) { accordionTitle.classList.remove("active"); } else { const accordionTitlesWithIsOpen = document.querySelectorAll(".faq-col"); accordionTitlesWithIsOpen.forEach((accordionTitleWithIsOpen) => { accordionTitleWithIsOpen.classList.remove("active"); }); accordionTitle.classList.add("active"); } }); }); (function () { slide('right'); })(); /***script to call APIs starts here**/ function checkStatus(response) { if (response.status >= 200 && response.status < 300) { return Promise.resolve(response); } else { return Promise.reject(new Error(response.statusText)); } } function parseJson(response) { return response.json(); } function niceRounding(stringDigit) { var lastDigit = stringDigit.at(-1); if (lastDigit == 8) { stringDigit = stringDigit.replace(/.$/, "9"); } return stringDigit; } /***script to call APIs ends here**/ /**Glosssary page***/ function scrollSmoothGlossary(alphabet) { var alphaList = osShadowElement.querySelectorAll(".alphabet-list"); for (let i = 0; i < alphaList.length; i++) { alphaList[i].classList.remove("active"); } var activeAlpha = osShadowElement.querySelector(".alpha-" + alphabet); activeAlpha.classList.add("active"); var elmntToView = osShadowElement.querySelector("#div-" + alphabet); //elmntToView.scrollTop = elmntToView.scrollHeight; elmntToView.scrollIntoView({ behavior: "smooth" }); //elmntToView.scrollTop(elmntToView.scrollHeight); } /**searching**/ const $search = osShadowElement.getElementById('search-glossary'); if ($search) { $search.addEventListener('input', (event) => { const searchText = event.target.value; const regex = new RegExp(searchText, 'gi'); const noSearchDiv = osShadowElement.querySelector(".no-glossary-search-found"); const itemList = osShadowElement.querySelectorAll(".oc-glossary-item-articles"); //const articleList = osShadowElement.querySelectorAll(".item-article"); var mainCount = 0; for (let j = 0; j < itemList.length; j++) { var articleList = itemList[j].querySelectorAll(".item-article"); var countDisplayBlock = 0; for (let i = 0; i < articleList.length; i++) { var h3 = articleList[i].getElementsByTagName("a")[0]; var text = h3.innerHTML; text = text.replace(/(|<\/mark>)/gim, ''); const newText = text.replace(regex, '$&'); h3.innerHTML = newText; if (text !== newText) { articleList[i].style.display = "flex"; countDisplayBlock++; } else { articleList[i].style.display = "none"; } } if (countDisplayBlock === 0) { itemList[j].parentNode.parentNode.style.display = "none"; } else { itemList[j].parentNode.parentNode.style.display = "flex"; mainCount++; } } if (mainCount === 0) { noSearchDiv.classList.remove("hidden"); } else { noSearchDiv.classList.add("hidden"); } }); } var select = osShadowElement.getElementById('alphabet-mobile-select'); if (select) { select.onchange = function () { var alphabet = this.options[this.selectedIndex].value; this.options[this.selectedIndex].classList.add('active'); scrollSmoothGlossary(alphabet); //var elmntToView = osShadowElement.querySelector("#" + alphabet); //elmntToView.scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"}); }; } var glossaryHeader = osShadowElement.getElementById("glossary-header"); var glossaryStickyHeader = osShadowElement.getElementById( "glossary-header-sticky" ); // Get the offset position of the navbar if (glossaryHeader) { var sticky = glossaryHeader.offsetTop; } var glossarySearch = osShadowElement.querySelector(".oc-glossary-search"); // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position function stickyAlphabets() { if (window.pageYOffset > sticky) { glossaryHeader.classList.add("hidden"); glossaryStickyHeader.classList.remove("hidden"); glossaryStickyHeader.style.zIndex = "99999"; glossarySearch.classList.add("hidden"); } else { glossaryHeader.classList.remove("hidden"); glossaryStickyHeader.classList.add("hidden"); glossarySearch.classList.remove("hidden"); } } /** HIGHLIGHT ALPHABET NAVIGATION LINKS WHILE SCROLLING */ // cache the navigation list-items containing links var navigationLinks = osShadowElement.querySelectorAll('#glossary-header-sticky > .glossary-header-alphabets > ul > li'); // cache the alphabet sections var sections = osShadowElement.querySelectorAll('.oc-glossary-item > div > span.item-head'); // map each target section ID to the corresponding navigation list-items var sectionIdToNavigationLink = {}; for (var i = 0; i < sections.length; i++) { var id = sections[i].id; sectionIdToNavigationLink[id] = osShadowElement.querySelectorAll('#glossary-header-sticky > .glossary-header-alphabets > ul > li.alpha-' + id); } function getOffset(el) { var _x = 0; var _y = 0; while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) { _x += el.offsetLeft - el.scrollLeft; _y += el.offsetTop - el.scrollTop; el = el.offsetParent; } return { top: _y, left: _x }; } function highlightNavigation() { // get the current vertical position of the scroll bar var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; // iterate the sections for (var i = sections.length - 1; i >= 0; i--) { var currentSection = sections[i]; // get the position of the section var sectionTop = getOffset(currentSection).top; // if the user has scrolled over the top of the section if (scrollPosition >= sectionTop - 250) { // get the section id var id = currentSection.id; // get the corresponding navigation link var navigationLink = sectionIdToNavigationLink[id]; // if the link is not active if (typeof navigationLink[0] !== 'undefined') { if (!navigationLink[0].classList.contains('active')) { // remove .active class from all the links for (i = 0; i < navigationLinks.length; i++) { navigationLinks[i].className = navigationLinks[i].className.replace(/ active/, ''); } // add .active class to the current link navigationLink[0].className += (' active'); } } else { // remove .active class from all the links for (i = 0; i < navigationLinks.length; i++) { navigationLinks[i].className = navigationLinks[i].className.replace(/ active/, ''); } } // we have found our section, so we return false to exit the each loop return false; } } } if (glossaryHeader) { window.addEventListener('scroll', highlightNavigation); } /** Glossary page ends here**/ /** NL frontpage modification - version 2.0 **/ // Get the HTML element you need. const imageOverlay = osShadowElement.getElementById('testimonial-video-section-block-image-overlay'); const playButton = osShadowElement.getElementById('testimonial-video-section-block-play'); if (playButton) { var vidId = playButton.getAttribute("data"); // Add the event listener for the play button. playButton.addEventListener('click', play) } // The function that is called when the button is clicked. function play(e) { e.preventDefault(); let iframe_tag = osShadowElement.getElementById('ytplayer'); iframe_tag.setAttribute('src', 'https://www.youtube.com/embed/' + vidId + '?autoplay=1&enablejsapi=1&origin=http%3A%2F%2Flocalhost&widgetid=1'); imageOverlay.style.opacity = '0'; playButton.style.opacity = '0'; window.setTimeout(function () { playButton.style.display = 'none'; imageOverlay.style.display = 'none'; }, 800); // timed to match animation-duration } // Glossary page navigationbar issue fix Start let elemWebTopMenu = document.querySelector(".WebTop-Nav"); let elemWebTopSearch = document.querySelector(".MegaMenuAndSearchWrapper"); let elem = document.querySelector("#glossary-header-sticky"); if (elem && ( elemWebTopMenu || elemWebTopSearch ) ) { let rect = elem.getBoundingClientRect(); let elemTop = rect.top; let elemBottom = rect.bottom; let rectWebTop = elemWebTopMenu.getBoundingClientRect(); let elemTopWebTop = rectWebTop.top; let elemBottomWebTop = rectWebTop.bottom; let rectWebTopSearch = elemWebTopSearch.getBoundingClientRect(); let elemTopWebTopSearch = rectWebTopSearch.top; let elemBottomWebTopSearch = rectWebTopSearch.bottom; if ( ( elemBottomWebTopSearch >= elemTop ) || ( elemBottomWebTop >= elemTop ) ) { elem.style.zIndex = 200; } else { elem.style.zIndex = 0; } document.addEventListener('scroll', function() { let rect = elem.getBoundingClientRect(); let elemTop = rect.top; let elemBottom = rect.bottom; let rectWebTop = elemWebTopMenu.getBoundingClientRect(); let elemTopWebTop = rectWebTop.top; let elemBottomWebTop = rectWebTop.bottom; let rectWebTopSearch = elemWebTopSearch.getBoundingClientRect(); let elemTopWebTopSearch = rectWebTopSearch.top; let elemBottomWebTopSearch = rectWebTopSearch.bottom; if ( ( elemBottomWebTopSearch >= elemTop ) || ( elemBottomWebTop >= elemTop ) ) { elem.style.zIndex = 200; } else { elem.style.zIndex = 0; } }); } let glossaryNav = document.querySelector("#glossary-header-sticky"); let topSearchBarGloss = document.querySelector(".MegaMenuAndSearchWrapper"); let navSpacer = document.querySelector(".NavSpacer"); if ( glossaryNav && topSearchBarGloss) { topSearchBarGloss.style.position = 'static'; navSpacer.style.display = 'none'; } // Glossary page navigationbar issue fix End /******* Custom YouTube video embed js start *******/ let yt_thumb_wraps = document.querySelectorAll('.yt-video-wrapper.yt-play-icon'); if (yt_thumb_wraps) { yt_thumb_wraps.forEach(yt_thumb_wrap => { yt_thumb_wrap.addEventListener("click", function(event) { event.preventDefault(); let vid = event.target.dataset.vid; let yt_thumb = event.target; let vtitle = yt_thumb.getAttribute("title"); if(!vid){ yt_thumb = yt_thumb.querySelector('.yt-thumb-image'); vid = yt_thumb.dataset.vid; vtitle = yt_thumb.getAttribute("title"); } if(vid && yt_thumb){ let ytvideo = ''; let yt_thumb_wrap = yt_thumb.closest('.yt-video-wrapper.yt-play-icon'); yt_thumb_wrap.innerHTML = ytvideo; yt_thumb_wrap.classList.remove("yt-play-icon"); } }); }); } /******* Custom YouTube video embed js end *******/