Youtube eingebettete video nicht funktioniert in allen meinen Browsern: FireFox, IE und Chrome
Ich versuche so Betten Sie ein video in meine Webseite, die eine ein - /ausblenden von div-Funktion, ein - /ausblenden von div-funktioniert, aber das eingebettete video nicht funktioniert, in Firefox, wenn ich auf den text zeigt, dass das div mit den enthaltenen YouTube-video-es zeigt nur einem schwarzen Flecken (ich denke, das ist, weil das die Farbe von meinem Rücken-Boden), aber wenn ich es starten in Chrome zeigt es eine weiße box, die sagen, dass die Webseite nicht gefunden werden kann, und der IE sagt, dass es nicht finden können, die Webseite auch.
Habe ich kopiert den embed-code direkt aus dem YouTube-video seiner selbst aus der share-button", dessen Verwendung der '<iframe>' tag eher als die '<object>' tag, ich bin mir nicht sicher, ob das hat etwas zu tun mit es.
Hier ist der embed-code des Videos möchte ich einbetten:
<iframe width="640" height="360" src="//www.youtube.com/embed/1qNQHv6jdyY?rel=0" frameborder="0" allowfullscreen></iframe>Und hier ist meine Webseite, die bisher (noch nicht fertig):
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Index</TITLE>
<link rel="stylesheet" type="text/css" href="DubWin By Chris Mckee-Rogers.css">
<SCRIPT type="text/javascript">
function toggleShowHide(elementId) {
var element = document.getElementById(elementId);
if (element) {
if (element.style.display == "none")
element.style.display = "inline";
else
element.style.display = "none";
}
}
</SCRIPT>
</HEAD>
<BODY>
<div class="Container">
<img src="images/logo.png" alt="Logo">
<div class="Menu">
<a href="Index.html">Home</a> | <a href="artist-info.html">Artists Information</a> | <a href="songs-and-mixes.html">Songs And Mixes<a> | <a href="forms.html">Forms<a>
</div>
<DIV class="Con-text">
<h1 style="text-align: center;">Here you'll be able to hear a few of my personal selected mixes and tunes</h1>
<h2 onClick="toggleShowHide('12th Planet')">12th Planet</h2>
<div id="12th Planet" style="display:none">
<iframe width="640" height="360" src="//www.youtube.com/embed/1qNQHv6jdyY?" frameborder="0" allowfullscreen></iframe>
</div>
<br>
<h2 onClick="toggleShowHide('Bar 9')">Bar 9</h2>
<div id="Bar 9" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Bassnectar')">Bassnectar</h2>
<div id="Bassnectar" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Chase & Status')">Chase & Status</h2>
<div id="Chase & Status" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Digital Mystikz')">Digital Mystikz</h2>
<div id="Digital Mystikz" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('DJ Fresh')">DJ Fresh</h2>
<div id="DJ Fresh" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Doctor P')">Doctor P</h2>
<div id="Doctor P" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Flux Pavillion')">Flux Pavillion</h2>
<div id="Flux Pavillion" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Foreign Beggars')">Foreign Beggars</h2>
<div id="Foreign Beggars" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Gemini')">Gemini</h2>
<div id="Gemini" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Going Quantum')">Going Quantum</h2>
<div id="Going Quantum" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Kryptic Minds')">Kryptic Minds</h2>
<div id="Kryptic Minds" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Magnetic Man')">Magnetic Man</h2>
<div id="Magnetic Man" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('ModeStep')">ModeStep</h2>
<div id="ModeStep" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Mt Eden')">Mt Eden</h2>
<div id="Mt Eden" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Nero')">Nero</h2>
<div id="Nero" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Pendulum')">Pendulum</h2>
<div id="Pendulum" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Rusko')">Rusko</h2>
<div id="Rusko" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Skrillex')">Skrillex</h2>
<div id="Skrillex" style="display:none">
</div>
<br>
<h2 onClick="toggleShowHide('Sub Focus')">Sub Focus</h2>
<div id="Sub Focus" style="display:none">
</div>
</DIV>
</div>
<br>
</BODY>
</HTML>Dank für all Ihre Hilfe.
- Funktioniert es, wenn Sie hinzufügen
http:zu//www.youtube.com...? - Keine Ahnung, geben es vor und werde berichten, wenn ich habe.
- Youtube verwendet
//wwwkonform sein, wenn Sie beidehttp://undhttps://- es funktioniert gut, wenn Sie führen Sie es über einen webserver lokal, ie WAMP auf Windows, aber nicht, wenn Sie nur öffnen Sie die Datei im browser mit derfile://Protokoll - stackoverflow.com/questions/9646407/... - JA!!! Sie sind ein Genie. Und verdammt, warum habe ich daran nicht, dass alle bereit. Ich hatte jahrelang danach gesucht. Vielen Dank @doubleDown, Bin ich in der Lage, Ihnen rep hier?
- hat man sich bei Nick-R ' s Kommentar? Es scheint mehr richtig, als mir, eigentlich.
- Vielen Dank für Ihren Kommentar zu, das ist etwas neues für mich auch, aber ich werde nicht die Veröffentlichung dieser website, weil er für ein college-Zuordnung, aber zumindest weiß ich, dass jetzt für die Zukunft, wenn ich veröffentlichen einer website. Vielen Dank an Euch beide 🙂 ich denke, dass NickR ist korrekt für die publishing-Seite und doubleDown richtig für das testen der Seite. Da meine Seite wird nur bleiben, als einen test.
- Keine sorgen - nur das hinzufügen es als Antwort sondern als Kommentar für zukünftige Zwecke.
InformationsquelleAutor cm125192 | 2013-07-01
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Youtube verwendet
//wwwkonform sein, wenn Sie beidehttp://undhttps://- es funktioniert gut, wenn Sie führen Sie es über einen webserver lokal, ie WAMP auf Windows, aber nicht, wenn Sie nur öffnen Sie die Datei im browser mit derfile://Referenz - Zwei Schrägstriche im url/src/href-Attribut