HTML Fehlermeldung bei Analyse und Optimerung der Website

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • HTML Fehlermeldung bei Analyse und Optimerung der Website

    Hallo,
    ich habe vor einem Jahr über das HTML Object den Jplayer Code eingefügt. Bei der vorigen Version 14 die ich nutz, kam bei der Überprüfung keine Fehlermeldung.

    Bei der 16er Prof bekomme ich beim Jplayer Code mit Analyse/Optimierungsfunktion folgende Fehlermeldung :

    "Fehler im benutzerdefinierten Code, der über das HTML-Objekt eingefügt wurde."

    Der Player funktioniert aber einwandfrei.
    Könnte mir jemand nachsehen woran daß liegen könnte ?
    Ich kann mit html Code leider nicht anfangen.
    Hier der Code:

    HTML-Quellcode

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8" />
    5. <!-- Website Design By: www.happyworm.com -->
    6. <title>Demo : jPlayer as an audio player</title>
    7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    8. <link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    9. <script type="text/javascript" src="../../lib/jquery.min.js"></script>
    10. <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
    11. <script type="text/javascript">
    12. //<![CDATA[
    13. $(document).ready(function(){
    14. $("#jquery_jplayer_1").jPlayer({
    15. ready: function (event) {
    16. $(this).jPlayer("setMedia", {
    17. title: "Text vor Melden - The Fitness Company",
    18. mp3: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.mp3",
    19. oga: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.ogg"
    20. });
    21. },
    22. swfPath: "../../dist/jplayer",
    23. supplied: "mp3, oga",
    24. wmode: "window",
    25. useStateClassSkin: true,
    26. autoBlur: false,
    27. smoothPlayBar: true,
    28. keyEnabled: true,
    29. remainingDuration: true,
    30. toggleDuration: true
    31. });
    32. });
    33. //]]>
    34. </script>
    35. </head>
    36. <body>
    37. <div id="jquery_jplayer_1" class="jp-jplayer"></div>
    38. <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
    39. <div class="jp-type-single">
    40. <div class="jp-gui jp-interface">
    41. <div class="jp-controls">
    42. <button class="jp-play" role="button" tabindex="0">play</button>
    43. <button class="jp-stop" role="button" tabindex="0">stop</button>
    44. </div>
    45. <div class="jp-progress">
    46. <div class="jp-seek-bar">
    47. <div class="jp-play-bar"></div>
    48. </div>
    49. </div>
    50. <div class="jp-volume-controls">
    51. <button class="jp-mute" role="button" tabindex="0">mute</button>
    52. <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
    53. <div class="jp-volume-bar">
    54. <div class="jp-volume-bar-value"></div>
    55. </div>
    56. </div>
    57. <div class="jp-time-holder">
    58. <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
    59. <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
    60. <div class="jp-toggles">
    61. <button class="jp-repeat" role="button" tabindex="0">repeat</button>
    62. </div>
    63. </div>
    64. </div>
    65. <div class="jp-details">
    66. <div class="jp-title" aria-label="title">&nbsp;</div>
    67. </div>
    68. <div class="jp-no-solution">
    69. <span>Update Required</span>
    70. To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
    71. </div>
    72. </div>
    73. </div>
    74. </body>
    75. </html>
    Alles anzeigen
  • Man schreibt ja auch nicht einen kompletten Seitencode rein....

    Das hier kommt in den HEAD vor "/head"

    HTML-Quellcode: HEAD

    1. <link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    2. <script type="text/javascript" src="../../lib/jquery.min.js"></script>
    3. <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
    4. <script type="text/javascript">
    5. //<![CDATA[
    6. $(document).ready(function(){
    7. $("#jquery_jplayer_1").jPlayer({
    8. ready: function (event) {
    9. $(this).jPlayer("setMedia", {
    10. title: "Text vor Melden - The Fitness Company",
    11. mp3: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.mp3",
    12. oga: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.ogg"
    13. });
    14. },
    15. swfPath: "../../dist/jplayer",
    16. supplied: "mp3, oga",
    17. wmode: "window",
    18. useStateClassSkin: true,
    19. autoBlur: false,
    20. smoothPlayBar: true,
    21. keyEnabled: true,
    22. remainingDuration: true,
    23. toggleDuration: true
    24. });
    25. });
    26. //]]>
    27. </script>
    Alles anzeigen



    und das in das HTML Objekt


    HTML-Quellcode: HTML Objekt

    1. <div id="jquery_jplayer_1" class="jp-jplayer"></div>
    2. <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
    3. <div class="jp-type-single">
    4. <div class="jp-gui jp-interface">
    5. <div class="jp-controls">
    6. <button class="jp-play" role="button" tabindex="0">play</button>
    7. <button class="jp-stop" role="button" tabindex="0">stop</button>
    8. </div>
    9. <div class="jp-progress">
    10. <div class="jp-seek-bar">
    11. <div class="jp-play-bar"></div>
    12. </div>
    13. </div>
    14. <div class="jp-volume-controls">
    15. <button class="jp-mute" role="button" tabindex="0">mute</button>
    16. <button class="jp-volume-max" role="button" tabindex="0">max volume</button>
    17. <div class="jp-volume-bar">
    18. <div class="jp-volume-bar-value"></div>
    19. </div>
    20. </div>
    21. <div class="jp-time-holder">
    22. <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
    23. <div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
    24. <div class="jp-toggles">
    25. <button class="jp-repeat" role="button" tabindex="0">repeat</button>
    26. </div>
    27. </div>
    28. </div>
    29. <div class="jp-details">
    30. <div class="jp-title" aria-label="title">&nbsp;</div>
    31. </div>
    32. <div class="jp-no-solution">
    33. <span>Update Required</span>
    34. To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
    35. </div>
    36. </div>
    37. </div>
    Alles anzeigen
    :hi: :mario:
  • Danke zwoemti,
    wieder was dazugelernt. Bin leider ein kompletter Laie wenns um Code geht.

    Bei einer Seite mit nur einem jPlayer funktioniert es jetzt wunderbar.
    Ich habe aber bei meiner Firmenseite eine Seite mit 8 Playern.
    Da sind die Player im Code durchnummeriert.

    Header

    jPlayer: "#jquery_jplayer_1",

    cssSelectorAncestor: "#jp_container_1"

    Quellcode

    <div id="jquery_jplayer_1" class="jp-jplayer"></div>

    <div id="jp_container_1"

    Wie müsste der Header da aussehen ?
  • Hallo Andy, da hatte ich mich vielleicht falsch ausgedrückt.
    Auf einer Seite habe ich 8 Player drauf.

    Muß ich im Header den Code den zwoemti angegeben hat 8 x hintereinander in den header reinkopieren und dann jeweils die Nummer des Players ändern ?
    (Natürlich hat jeder player auch eigene mp3 zum abspielen.
    Falls ja, muß der Code untereinander mit einem Zeichen getrennt werden.
    Ich gebe unten den Header Code von 2 Playern als Beispiel an. Vielleicht kann mir jemand sagen wie der dann in den Header reinkommen soll.

    Quellcode

    1. <link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    2. <script type="text/javascript" src="../../lib/jquery.min.js"></script>
    3. <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
    4. <script type="text/javascript">
    5. //<![CDATA[
    6. $(document).ready(function(){
    7. $("#jquery_jplayer_1").jPlayer({
    8. ready: function (event) {
    9. $(this).jPlayer("setMedia", {
    10. title: "Text vor Melden - The Fitness Company",
    11. mp3: "https://www.warteschleifenparadies.at/media/Hoerproben/muster.mp3",
    12. oga: "https://www.warteschleifenparadies.at/media/Hoerproben/muster.ogg"
    13. });
    14. },
    15. swfPath: "../../dist/jplayer",
    16. supplied: "mp3, oga",
    17. wmode: "window",
    18. useStateClassSkin: true,
    19. autoBlur: false,
    20. smoothPlayBar: true,
    21. keyEnabled: true,
    22. remainingDuration: true,
    23. toggleDuration: true
    24. });
    25. });
    26. //]]>
    27. <link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    28. <script type="text/javascript" src="../../lib/jquery.min.js"></script>
    29. <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
    30. <script type="text/javascript">
    31. //<![CDATA[
    32. $(document).ready(function(){
    33. $("#jquery_jplayer_2").jPlayer({
    34. ready: function (event) {
    35. $(this).jPlayer("setMedia", {
    36. title: "Text vor Melden - The Fitness Company",
    37. mp3: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.mp3",
    38. oga: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.ogg"
    39. });
    40. },
    41. swfPath: "../../dist/jplayer",
    42. supplied: "mp3, oga",
    43. wmode: "window",
    44. useStateClassSkin: true,
    45. autoBlur: false,
    46. smoothPlayBar: true,
    47. keyEnabled: true,
    48. remainingDuration: true,
    49. toggleDuration: true
    50. });
    51. });
    52. //]]>
    53. </script>
    Alles anzeigen



    Im den 8 Html Objekten ist da dann der jeweilige Player und Container nummeriert.
  • Du verwechselst erstens etwas und zwar soll das nicht in den Header sondern vor dem </head> Tag !

    Die ersten 3 Zeilen brauchst du nicht zu wiederholen die sind dann schon geladen. Wobei ich mir nicht sicher bin ob du den jquery.jplayer.min.js auch richtig eingebunden hast, denn das holt es sich nicht vom Internet.

    Allerdings mit dem Javaskript müsste man sich spielen was genau man nehmen muss, denn das komplizierte ist meistens die Klammerwirtschaft.
    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !
  • Hallo Andy,
    Ich habe den Header Code hier eingegeben.

    Sitemap - Eigenschaften - Erweitert - Dann ist da vor dem </head> Tag ausgewählt. Da habe ich den Code eingefügt. Es funktioniert ja auch soweit mit einem Player.
    Das ist richtig oder ?

    Der jplayer befindet sich am Server im dist Verzeichnis

    Nur weiß ich eben nicht was ich im Header Code eingeben soll wenn ich mehrere Player auf einer Seite verwende.
  • Bei zwei Playern wäre es so richtig

    HTML-Quellcode

    1. <link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    2. <script type="text/javascript" src="../../lib/jquery.min.js"></script>
    3. <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
    4. <script type="text/javascript">
    5. //<![CDATA[
    6. $(document).ready(function(){
    7. $("#jquery_jplayer_1").jPlayer({
    8. ready: function (event) {
    9. $(this).jPlayer("setMedia", {
    10. title: "Text vor Melden - The Fitness Company",
    11. mp3: "https://www.warteschleifenparadies.at/media/Hoerproben/muster.mp3",
    12. oga: "https://www.warteschleifenparadies.at/media/Hoerproben/muster.ogg"
    13. });
    14. },
    15. swfPath: "../../dist/jplayer",
    16. supplied: "mp3, oga",
    17. wmode: "window",
    18. useStateClassSkin: true,
    19. autoBlur: false,
    20. smoothPlayBar: true,
    21. keyEnabled: true,
    22. remainingDuration: true,
    23. toggleDuration: true
    24. });
    25. });
    26. //]]>
    27. //<![CDATA[
    28. $(document).ready(function(){
    29. $("#jquery_jplayer_2").jPlayer({
    30. ready: function (event) {
    31. $(this).jPlayer("setMedia", {
    32. title: "Text vor Melden - The Fitness Company",
    33. mp3: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.mp3",
    34. oga: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.ogg"
    35. });
    36. },
    37. swfPath: "../../dist/jplayer",
    38. supplied: "mp3, oga",
    39. wmode: "window",
    40. useStateClassSkin: true,
    41. autoBlur: false,
    42. smoothPlayBar: true,
    43. keyEnabled: true,
    44. remainingDuration: true,
    45. toggleDuration: true
    46. });
    47. });
    48. //]]>
    49. </script>
    Alles anzeigen



    Man könnte auch noch weiter abkürzen aber dann kommst du bei Änderungen nur durcheinander.

    kurz gesagt...

    HTML-Quellcode

    1. <link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    2. <script type="text/javascript" src="../../lib/jquery.min.js"></script>
    3. <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>

    ist bei allen nur einmal einzubinden. Wenn du natürlich irgendwo noch einen anderen Style nimmst dann muss du die css auch noch mit reinpacken. Ansonsten nur die 3 Zeilen und danach dann der

    <script type="text/javascript">.....</script>

    alles was dort drin steht kannst du untereinander schreiben... das siehst du direkt wenn dort

    //<![CDATA[

    steht. Das ist der Code Anfang und

    //]]>


    ist der Ende von dem Code.
    :hi: :mario:
  • Danke zwoemti,
    ich hab den Code so reinkopiert, aber es funktioniert noch nicht richtig. Der erste Player spielt beide Files zugleich ab. Beim 2. Player sieht man auch keinen Titel.
    Hab mal einen Screenshot gemacht.

    Noch ne Frage, warum funktioniert dieser Code nicht ? <H2 ALIGN=CENTER>This header will be centered on the page</H2>
    Der Text sollte dann mittig angezeigt werden. Bei mir ist er links.

    test 2player.jpg
  • Link zur Seite?

    wenn beide gleichzeitig abspielen dann ist der Player auf autostart true

    versuch doch mal das...

    HTML-Quellcode

    1. <script type="text/javascript">
    2. //<![CDATA[
    3. $(document).ready(function(){
    4. $("#jquery_jplayer_1").jPlayer({
    5. ready: function (event) {
    6. $(this).jPlayer("setMedia", {
    7. title: "Text vor Melden - The Fitness Company",
    8. mp3: "https://www.warteschleifenparadies.at/media/Hoerproben/muster.mp3",
    9. oga: "https://www.warteschleifenparadies.at/media/Hoerproben/muster.ogg"
    10. });
    11. },
    12. swfPath: "../../dist/jplayer",
    13. supplied: "mp3, oga",
    14. wmode: "window",
    15. useStateClassSkin: true,
    16. autoBlur: false,
    17. smoothPlayBar: true,
    18. keyEnabled: true,
    19. remainingDuration: true,
    20. toggleDuration: true
    21. });
    22. });
    23. //]]>
    24. //<![CDATA[
    25. $(document).ready(function(){
    26. $("#jquery_jplayer_2").jPlayer({
    27. ready: function (event) {
    28. $(this).jPlayer("setMedia", {
    29. title: "Text vor Melden - The Fitness Company",
    30. mp3: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.mp3",
    31. oga: "https://www.warteschleifenparadies.at/media/Hoerproben/03fitnesscompanytvm.ogg"
    32. });
    33. },
    34. swfPath: "../../dist/jplayer",
    35. supplied: "mp3, oga",
    36. wmode: "window",
    37. useStateClassSkin: true,
    38. autoBlur: false,
    39. smoothPlayBar: true,
    40. keyEnabled: true,
    41. remainingDuration: true,
    42. toggleDuration: true,
    43. autoplay: false
    44. });
    45. });
    46. //]]>
    47. </script>
    Alles anzeigen

    da müsste der erste noch auto start haben.

    Alles weitere muss man live sehen wo es hängt.
    :hi: :mario:
  • Hallo Zwoemti,
    vielleicht hilft ist dieser Code den ich auf dieser Seite gefunden habe um den Fehler zu finden..
    Der dürfte bei dem User funktioniert haben.
    groups.google.com/forum/#!topic/jplayer/eKm_TEvLWco

    Nur ist es eben nicht exakt der Player den ich verwende. Das ist nur ein einfacher Player der mehrfach verwendet wird.
    Vielleicht kannst du ja was rauslesen woran es liegen könnte.


    Quellcode

    1. <script type="text/javascript">
    2. $(document).ready(function () {
    3. $("#jquery_jplayer_1").jPlayer({
    4. ready: function (event) {
    5. $(this).jPlayer("setMedia", {
    6. mp3: "http://www.fredmomotenko.com/media/Nor_sleep,_nor_wake_fragment.mp3",
    7. oga: "http://www.fredmomotenko.com/media/Nor_sleep,_nor_wake_fragment.ogg"
    8. - zitierten Text ausblenden -
    9. });
    10. },
    11. play: function () { // To avoid both jPlayers playing together.
    12. $(this).jPlayer("pauseOthers");
    13. },
    14. swfPath: "/Scripts",
    15. supplied: "mp3, oga",
    16. cssSelectorAncestor: "#jp_container_1"
    17. });
    18. $("#jquery_jplayer_2").jPlayer({
    19. ready: function (event) {
    20. $(this).jPlayer("setMedia", {
    21. mp3: "http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",
    22. oga: "http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
    23. });
    24. },
    25. play: function () { // To avoid both jPlayers playing together.
    26. $(this).jPlayer("pauseOthers");
    27. },
    28. swfPath: "/Scripts",
    29. supplied: "mp3, oga",
    30. cssSelectorAncestor: "#jp_container_2"
    31. });
    32. });
    33. </script>
    Alles anzeigen
  • Hallo Zwoemti,danke für deinen Einsatz !!!
    Hab jetzt den fehlenden Lib Ordner auf den Server kopiert und die fehlende erste Code Zeile. Funktioniert leider immer noch nicht. Jetzt werden sogar nur mehr Buttons angezeigt.

    Im Orginal Code waren ja diese Codezeilen am Anfang, da steht ja drinnen
    wo die Resourcen des Player zu finden sind. Kann es sein daß dieser Code
    benötigt wird ? In deinem Code ist dies ja nicht mehr drinnen.

    1. <link href="../../dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
    2. <script type="text/javascript" src="../../lib/jquery.min.js"></script>
    3. <script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
    4. <script type="text/javascript">
    Den Lib Ordner habe ich komischerwise nie drauf gehabt am Server. Hat aber trotzdem funktioniert bei einzelnen Playern.
  • Sorry, ich dachte du hast mir beim 10. Beitrag den vollständigen Code gepostet den ich reinkopieren soll.
    Habs jetzt wieder vollständig.

    Es funktioniert jetzt ! Ich bin draufgekommen, daß ich bei der Testseite beim html Objekt aus Versehen den Code vom Einzelplayer rein habe statt dem Multiplayer Code.

    Ich sitzte glaube ich schon zu lange vorm Computer.

    Vielen vielen Dank !!!

    Hier sind jetzt 8 Player auf einer Seite.
    bit.ly/2KhZWLW

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von musicmaker ()