HTML5-video - (video.js) nicht geladen, Chrom (2)
Dieser die gleiche Frage wie HTML5-video - (video.js) nicht laden in Chrome, die nicht gelöst wurde.
In Chrome mit nur einem mp4 source bekomme ich die gleiche Meldung in der Konsole:
Array[2]
0: "Video Error"
1: Object
AT_TARGET: 2
Ab: function c(){return f}
BLUR: 8192
BUBBLING_PHASE: 3
CAPTURING_PHASE: 1
CHANGE: 32768
CLICK: 64
DBLCLICK: 128
DRAGDROP: 2048
FOCUS: 4096
KEYDOWN: 256
KEYPRESS: 1024
KEYUP: 512
MOUSEDOWN: 1
MOUSEDRAG: 32
MOUSEMOVE: 16
MOUSEOUT: 8
MOUSEOVER: 4
MOUSEUP: 2
NONE: 0
SELECT: 16384
bubbles: false
cancelBubble: true
cancelable: true
clipboardData: undefined
currentTarget: video#videojs-306-field-video-file-video_html5_api.vjs-tech
defaultPrevented: false
eventPhase: 2
initEvent: function initEvent() { [native code] }
lc: function d(){return l}
preventDefault: function (){e.preventDefault&&e.preventDefault();a.returnValue=l;a.yb=c}
relatedTarget: undefined
returnValue: true
srcElement: video#videojs-306-field-video-file-video_html5_api.vjs-tech
stopImmediatePropagation: function (){e.stopImmediatePropagation&&
stopPropagation: function (){e.stopPropagation&&e.stopPropagation();a.cancelBubble=f;a.Ab=c}
target: video#videojs-306-field-video-file-video_html5_api.vjs-tech
timeStamp: 1372499702066
type: "error"
which: undefined
yb: function d(){return l}
__proto__: Object
length: 2
__proto__: Array[0]
concat: function concat() { [native code] }
constructor: function Array() { [native code] }
every: function every() { [native code] }
filter: function filter() { [native code] }
forEach: function forEach() { [native code] }
indexOf: function indexOf() { [native code] }
join: function join() { [native code] }
lastIndexOf: function lastIndexOf() { [native code] }
length: 0
map: function map() { [native code] }
pop: function pop() { [native code] }
push: function push() { [native code] }
reduce: function reduce() { [native code] }
reduceRight: function reduceRight() { [native code] }
reverse: function reverse() { [native code] }
shift: function shift() { [native code] }
slice: function slice() { [native code] }
some: function some() { [native code] }
sort: function sort() { [native code] }
splice: function splice() { [native code] }
toLocaleString: function toLocaleString() { [native code] }
toString: function toString() { [native code] }
unshift: function unshift() { [native code] }
__proto__: Object
Typen korrekt eingerichtet sind, in .htaccess
<video id="videojs-306-field-video-file-video_html5_api" data-setup="{}" class="vjs-tech"
autoplay="" preload="auto" src="http://wasserfuerwasser.ch/sites/default/files/videohtml5/Tele1_Wasser_fuer_Wasser.mp4">
<source src="http://wasserfuerwasser.ch/sites/default/files/videohtml5/Tele1_Wasser_fuer_Wasser.mp4" type="video/mp4">
</video>
Diese mp4-Datei nicht abgespielt werden nativ in Chrome - einige codec-Problem - Farbraum-Problem etc. aber statt der Fehlermeldung in der Konsole, der mp4 sollte, dann Spielen Sie einfach über den Video.js Flash-Player. AFAIK.
Das Video "funktioniert" in FF, IE und Safari (in der FF-ich denke, die Konsole Zeigt auch eine Fehlermeldung, sondern das Video lädt sowieso).
Video.js in Verbindung mit Drupal7
Du musst angemeldet sein, um einen Kommentar abzugeben.
<source src="video/big_buck_bunny.mp4" type="video/mp4" />
<source src="video/big_buck_bunny.webm" type="video/webm" />
zu
<source src="video/big_buck_bunny.webm" type="video/webm" />
<source src="video/big_buck_bunny.mp4" type="video/mp4" />
Erstens webm-Datei, die mein problem gelöst
Das gute (oder schlechte) ist die Tatsache, dass dies ist nicht der VideJS Problem. Ich hatte das gleiche problem. Auf der Suche im Internet finden wir einige Informationen (zum Beispiel: https://github.com/flowplayer/flowplayer/issues/423) und es als ein Chrome-bug. Fragen gemeldet wurde, im JWPlayer und VideoJS forum.
AFAIK der einzige Weg, Sie zu umgehen, dies ist be-der webm-Datei:
Ich versuchte, webm Quelle, bevor mp4. Chrome erkannt webm als "gute" Quelle und es gut zu spielen. Leider FF und IE lassen sich nicht Abspielen eine Sache. Also müssen wir wählten ein format nach browser-check (was falsch ist, aber ich in diesem Punkt, ich sehen keine andere Möglichkeit; das ist nicht JS-Funktion problem...).
Warum browser-Erkennung ist in der Regel eine schlechte Idee? Lesen Sie mehr dazu in Test-Driven Javascript Development Buch oder hier: http://jibbering.com/faq/notes/detect-browser/
Als schnelle Lösung können Sie so etwas wie dieses:
Haben Sie nicht geschlossen in die Quellcode-Zeile in Ihrem code. Ich hatte das gleiche problem und das es behoben.