problem about video.js-Collection of common programming errors
sudobangbang
html5 video.js
My VideoJS and HTML5 project is targeting more recent web browsers ( newer versions of FireFox and Chrome ) as well as mobile browsers ( Android2.3+ and IOS4+ ). I want all my videos to autoplay after they are “ready”. I’ve tried doing this a couple ways ( mentioned in methods below ) but noticed that the autoplay only really works in FireFox and Chrome — meaning the mobile browsers just sit and spin. I haven’t gotten as far as debugging the mobile browsers in their native emulators cause i wan
user2057148
asp.net video.js
I am trying to play videos using video player from videojs.com in visual studio 2012 express.my web form is based on master page. Following is the code for Master Page<head runat=”server”> <meta charset=”utf-8″ /> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″ /> <title><%: Page.Title %> – My ASP.NET Application</title><asp:PlaceHolder runat=”server”><%: Scripts.Render(“~/bundles/modernizr”) %> </asp:PlaceHolder> <we
kannan
video video-streaming video.js
Is there a way to mouseover/mouseout the video controls on the videojs player at runtime (e.g. myPlayer.on(“mouseover”, myFunc); myPlayer.on(“mouseout”, myFunc);). Any ideas how to do this? Thanks!
Cristiano
video.js
Using IE everything goes well (i got a mp4 video with priority execution setted on flash). when i try to view my video on chrome all seem to be good too, but in few seconds (not always but often) videojs crashes.This is the log:error:MediaErrorcode:3 What should i do?
user2240608
internet-explorer-9 video.js
I use this plugin since a while. But now i noticed it doesnt work anymore on IE9 and Chrome. Even on the offcial home page http://videojs.com/ It seems load the only 2 first seconds and then my web browser crashs.Does somebody knows how to fix it ?Thanks.
polx
javascript video.js video-embedding
videoJS sounds like a cute solution and we almost adopted it but there’s two glitches in my attempts:the first is that on Safari 5.1.7 on MacOSX 10.6.8 (all latest in this row), a click to fast forward (i.e. right of the cursor) freezes Safari: the wait-wheel in rainbow colours keep spinning the second is that the same embedding simply displays nothing on MacOSX 10.7.5 with Safari 6.0.2None of this happens in Chrome or Firefox. And this does not happen on videojs.com.However the code is pretty s
GJJ
html5 html5-video video.js
I’m creating a simple video page with video.js and I want to show chapter tracks. This is the HTML code, based on the VideoJS documentation here.<!DOCTYPE html> <html><head><script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script><link href=”http://vjs.zencdn.net/4.0/video-js.css” rel=”stylesheet”><script src=”http://vjs.zencdn.net/4.0/video.js”></script></head><body><video id=”example
Filip Filipovic
javascript jquery html5-video video.js
I’ve been searching around for a long time but still haven’t found a valid solution for my problem. I just cant seem to get the video player to enter fullscreen. The API does have many examples but none of them seem to work.The jQuery version included on the page I am currently working on is 1.8.2. Also, I am using parallax-1.1.js and libraries required for it to work properly so that may also be an issue.The client I am working for wants the site to have responsive design, with the ability of t
Kate Gregory
javascript jquery plugins video.js
I’ve been fooling around with videojs and I’d like to register a plugin for some code that I grabbed over on Github my forked code. I followed the setup directions indicated by original author, however when the script goes to self register I get a javascript error on this line videojs.plugin(‘thumbnails’, function(options) {which gives error Uncaught Reference error : videojs is undefined I referred to the docs for videojs where it’s says to register a plugin using the call vjs.plugin(‘examplePl
tk66
javascript html5 video video.js
here is part of my code:var myPlayer = document.getElementById(“example_video_1″);if (content==”play()”) {$(‘title’).html(“screen:”+content);myPlayer.play();}if (content==”pause()”) {$(‘title’).html(“screen:”+content);myPlayer.pause();}if (content.indexOf(“src(“)!=-1) {var videoMP4 = content.replace(“src(“,””).replace(“)”,””);myPlayer.src({type: “video/mp4”, src:videoMP4});// {type: “video/webm”, src:videoMP4.replace(“.mp4”, “.webm”)},// {type: “video/ogg”, src:videoMP4.replace(“.mp4”, “.ogv”)}
KenD
video.js
With video.js 4.0.3, I got this error when using the flash mode :Uncaught exception: TypeError: ‘this.el_.vjs_pause’ is not a functionError thrown at line 2772No problem with HTML5 mode.The pause function seems to be unavailable in the flash object
fodder
dynamic video.js captions
I’m coding a basic video marquee and one of the key requirements is that the videos need to be able to advance while keeping the player in full screen.Using Video.js (4.1.0) I have been able to get everything work correctly except that I cannot get the captions to change when switching to another video.Either inserting a “track” tag when the player HTML is first created or adding a track to the ‘options’ object when the player is initialized are the only ways I can get the player to display the
Serge Almazov
javascript extjs4 video.js
I use this code:videoPlayer.textTracks()[0].cues()[SubtitleId].text = “My Custom Text”Log in Chrome Dev Tools shows:Uncaught TypeError: Cannot set property ‘text’ of undefinedconsole.log(‘Cues’, videoPlayer.textTracks()[0].cues())shows:Cues [] console.log(‘Ready State’, videoPlayer.textTracks()[0].readyState()) shows: Ready State 1If I call my function for a second time – my custom text shows correctly.But I need to show my custom subtitles for a first time without errors… =(Added:VideoPlayer
analysiser
css html5 video video.js
Hi I am fairly new to HTML5 development. I am currently doing a school project using video-js. The project asks for dynamic marks in the video player slide bar to indicate specific position so that video viewer would know where to jump at. I am not sure about the following questions:Is there a way to implement this? Could I achieve that via changing skins simply of the videojs player (video-js.css)? If I must modify source files to have this function, where should I start from? Is it possible
styler
javascript video.js
I am trying to extend the videojs plugin to add in some additional buttons but I’ve hit a bit of a stumbling block. I need to be able to grab the share data-attr attached to the video element so would like to use that new player, so I create the like button by extending Button and then I create a new button using prototype, in the createEl method I want to set the data-href, at the moment I use player.options[‘shareUrl’] as this is ideally what it would be but I get player is undefined, I was wo
user1937021
html5-video video.js
I have a html5 video video that is not loading in chrome, it just shows the loading spinner from video.js. I get the following error in chrome console too:Uncaught TypeError: Cannot call method ‘init’ of undefined machinas.com/:830 [“Video Error”, Object] 0: “Video Error” 1: Object length: 2 __proto__: Array[0].htaccessAddType video/mp4 .mp4 .m4v AddType video/webm .webm AddType video/ogg .ogv .ogghtml<video id=”video-1″ class=”video-js vjs-default-skin”width=”100%” height=”100%”poster=”video
James Cook
html5 drupal-7 video.js
This the same question as HTML5 video (video.js) not loading in Chrome which was not resolved.On Chrome with only a mp4 source I get the same message in the console: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:
Ryan
javascript video html5-video video.js
Have a website that is producing intermittent errors. So far mostly in Chrome. Video loads the majority of the time, but I would say about 10-15% of the time, nothing loads and I get an error logged in the console. Refreshing the page after error usually resolves the issue.Error:[“Video Error”, Object] 0: “Video Error” 1: ObjectAT_TARGET: 2BLUR: 8192BUBBLING_PHASE: 3Bb: function c(){return f}CAPTURING_PHASE: 1CHANGE: 32768CLICK: 64DBLCLICK: 128DRAGDROP: 2048FOCUS: 4096KEYDOWN: 256KEYPRESS: 1024K
PaReeOhNos
html5 angularjs video.js angularjs-ng-repeat
I’m trying to hook up the video.js library into my app. On one part of the app, users have the ability to upload files which may contain videos, so when output, I am using an ng-repeat to loop through the video uploads, and output an HTML5 video tag. I now want to attach a directive to the video tag so that video.js can be used with it.My video output is defined as<video ng-src=”{{video.url}}” ng-repeat=”video in post.attachments.video” type=”{{video.mimetype}}” controls preload=”metadata” id
coulbourne
javascript video video.js
This seems like it should be a super simple function, but some reason currentFrame(canv2); returns ‘undefined’I have many more complex functions using all the same elements as this, and they all work.var frameRate = 30;var players=new Array(_V_(“video_canvas_1”), _V_(“video_canvas_2”));var canv1 = players[0]; var canv2 = players[1];function currentFrame(e) {frameRate * e.currentTime(); }Update So I wrote the value to the console, and of course it works great:function currentFrame(e) {frameRate
Alex
jquery html5 video html5-video video.js
So I’ve got a page here : http://www.ruffcuts.com.sg/work/bosch.htm among some other pages.I’m looking to hover over the video element and then change the opacity of the grass image in front(id=plax-sphere-52 src=homehead6.png) so that the controls to the player can be seen.But somehow it doesn’t work! I’ve tried $(‘#videocontain’).mouseover(function() { $(‘img#plax-sphere-52’).css(‘opacity’, ‘0.6’); }); $(‘#videocontain’).mouseout(function() { $(‘img#plax-sphere-52’).css(‘opacity’, ‘1’); });And
Jan Bolmeson
video.js
Just experienced at strange error. On some computers with the latest current version of Chrome (26.0.1410.43m) and video-js the video does not load, and the spinner just keeps on spinning. Notice that on a different computer with the same version of Chrome it works. That is:Computer 1 – Chrome 26.0.1410.43m – doesn’t load Computer 1 – Internet Explorer 9 – does load Computer 2 – Chrome 26.0.1410.43m – does load Computer 2 – all other browsers – does loadThe error given in Chrome where it doesn’t
mrEmpty
javascript html5 video html5-video video.js
I’m using VideoJS, the CDN hosted version works fine, but I wish to use VideoJS offline and modify the CSS so I’m hosting this myself.I’m getting an undefined error on the videojs.js:this.player.textTrackDisplay.addComponent(this);I know my captions.vtt file is correct, as it works with the demo html file. My markup:<div id=”mainVideoList”><video id=”mainVideoOne” class=”video-js vjs-default-skin” width=”956″ height=”538″ autoplay preload=”auto” loop data-setup=”{}”><source type=
Jordan Adams
javascript html5 video video.js
I’m trying to use BigVideo.js and it works fine in Chrome and Safari however in Firefox the error “this.tech is undefined” shows causing the video not to work. Has anyone had this error before and know of a fix?Cheers 🙂
Web site is in building