Flash Tech: this.el_.vjs_getProperty is not a function #2247

ange007 · 2015-06-09T08:45:10Z

I test the version 5.0rc2
I initialize a player as well as version 4.10.

this.videoParams = { poster: 'http://video-js.zencoder.com/oceans-clip.png', link: 'http://video-js.zencoder.com/oceans-clip.mp4', type: 'video/mp4', tech: [ 'flash' ] };

this.player = new videojs( this.area.$[0], {
        'techOrder': this.videoParams.tech,
        'sources': [ ],
        'debug': true,
        'poster': this.videoParams.poster,
        'controls': true,
        'autoplay': false,
        'preload': 'none',
        'loop': false,
        'flash': {
            'swf': '/client/libraries/videojs/videojs.swf'
        },
        'children': {
                'mediaLoader': {},
                'posterImage': {},
                'textTrackDisplay': {},
                'loadingSpinner': {}
             }
        },
        function() {}
    );

function loadVideo( )
{
    this.player.src( ( this.videoParams.type ) ? { type: this.videoParams.type, src: this.videoParams.link } : this.videoParams.link );
},

But in attempt of start of video: Uncaught TypeError: this.el_.vjs_getProperty is not a function ( Line: 10033 )

In HTML tech - everything is normal.
Perhaps I do something not so?

heff · 2015-06-09T17:26:52Z

We've had some difficulty knowing where this error is coming from. Which browser are you using, and is there live web page where we could see this happening?

mmcc · 2015-06-09T17:38:24Z

This is unrelated to this issue, just curious. I feel like I've seen an uptick recently of people forcing Flash first with mp4 sources. What's your reasoning for doing that?

ange007 · 2015-06-09T17:55:55Z

@mmcc , I so don't do, the initial call looks as - ['html5', 'flash'].
Simply the error is reproduced only on flash (though in this test option I didn't work also html5).

And concerning an error, I replace a code in "\dist\examples\simple-embed\index.html":

<!DOCTYPE html>
<html>
<head>
  <title>Video.js | HTML5 Video Player</title>

  <!-- Chang URLs to wherever Video.js files will be hosted -->
  <!-- Default URLs assume the examples folder is included alongside video.js -->
  <link href="../../video-js.min.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="../../video.min.js"></script>
</head>
<body>
    <div id="video" class="video-js vjs-default-skin"></div>
    <script>
        var videoParams = { poster: 'http://video-js.zencoder.com/oceans-clip.png', 
                            link: 'http://video-js.zencoder.com/oceans-clip.mp4', 
                            type: 'video/mp4', 
                            tech: [ 'flash' ] };

        var player = new videojs( '#video', 
        {
            'techOrder': videoParams.tech,
            'sources': [ ],
            'poster': videoParams.poster,
            'controls': true,
            'autoplay': false,
            'preload': 'none',
            'flash': { 'swf': "../../video-js.swf" }
        },
        function() {}
        );

        player.src( ( videoParams.type ) ? { type: videoParams.type, src: videoParams.link } : videoParams.link );
        player.play( );
    </script>
</body>
</html>

Windows 10, Chrome 43
Earlier this functionality worked normally.

vikbez · 2015-06-24T17:53:00Z

👍 having this issue also, only using flash
sometimes only one error when I change video source (by disposing and recreating player)
sometimes one error per 0.5 second after I change video source (using the same method)

vikbez · 2015-06-25T08:01:20Z

for my case, avoiding tracking time on flash object stopped the errors
(With this.stopTrackingCurrentTime(); on player creation)
good enough for now, but this is clearly not a solution

dmlap · 2015-06-26T00:30:34Z

@vikbez I think you may be running into the issue from #2289. Do you have a stack trace for the error you're seeing?

vikbez · 2015-06-26T13:32:12Z

tried to apply the fix: got less errors, but some are still here:
5.0.0 rc2 from official cdn: https://jsfiddle.net/qzv2bq5t/
same but with (adapted) #2289 patch: https://jsfiddle.net/9r5qcces/1/

thanks for looking into this

dmlap · 2015-06-26T21:32:17Z

That patch is for stable (4.x). Would you mind trying it with that version? If it fixes your issue, we'll look at bringing it into the next 5.0 RC

vikbez · 2015-06-28T11:08:35Z

here you go: 4.12.10 with patch: https://jsfiddle.net/9r5qcces/2/
no errors, but does not play.

shaharmor · 2015-08-07T11:28:12Z

This still happens on latest 4.X version

ange007 · 2015-08-18T08:37:09Z

No solution of this problem is present?

heff · 2015-09-14T23:32:55Z

I believe this was fixed in a recent 5.0 RC if anyone wants to try the latest version and confirm.

wannabefro · 2015-10-02T13:39:31Z

@heff We were having the same problem as part of of our work to upgrade to videojs 5.0 (when testing the Flash tech on OSX). I have been able to fix the issue by making Flash.protoype.buffered look something like

Flash.prototype.buffered = function buffered() {
  var ranges = this.el_.vjs_getProperty('buffered');
  if (!ranges.length || ranges.length === 0) {
    return _utilsTimeRangesJs.createTimeRange();
  }
  return _utilsTimeRangesJs.createTimeRange(ranges[0][0], ranges[0][1]);
};

I noticed that ranges was coming in as a number so it was trying to create a time range and ranges[0] was returning undefined and hence it was blowing up.

crzidea · 2015-11-13T07:10:08Z

I have same problem with @wannabefro, and I'm using the same way to solve the error.
By the way, I'm using mangui/video-js-swf to support HLS.

gkatsev · 2015-11-17T22:19:07Z

Anyone want to get the latest version of videojs and the swf and test whether this is still an issue? Thanks.

fpn · 2016-01-12T02:56:50Z

Still an issue with:

video.js 5.4.4
videojs-contrib-media-sources - v2.4.1
videojs-contrib-hls - v1.2.1

darrennolan · 2016-02-03T05:15:52Z

VideoJS: 5.5.3
HLS: 1.3.5 (which as I understand, compiles/includes 2.4.4)

I initialise a player on a page with HLS, no sources. I can then programmatically set the source on the videoJS object once, and then further attempts to update the source thereafter results in errors.

Seems to start when I attempt to check if the video is paused already

if (!player.paused()) { results in this.el_.vjs_getProperty is not a function

Everything thereafter seems to relate to the flash buffer at
var ranges = this.el_.vjs_getProperty('buffered'); inside of Flash.prototype.buffered = function buffered() {

gkatsev · 2016-07-25T22:57:55Z

I believe this has been fixed in latest contrib-hls and videosjs.
Also, hopefully, in most browsers, contrib-hls can just use Html5 and MSE and forgo Flash altogether.
Closing this issue due to lack of activity. If it is still a problem and we get more information and a reduced test case, we will happily re-open the issue.

colabora001 · 2016-08-11T13:03:58Z

maybe the videojs version I am using it has the issue. I 'll have to verify this first. I 'll let you know soon. Thanks for your response.

zxkane · 2016-12-14T06:11:10Z

Still seeing this error when using videojs 5.12.6 and videojs-contrib-hls 3.6.12.

The below errors happen after showing another page(without video tag) from original page(videojs with flash tech). My app is a single application page based on angularjs.

Uncaught TypeError: this.el_.vjs_getProperty is not a function(…)b.buffered @ video.min_90f9c01.js:16b.bufferedPercent @ video.min_90f9c01.js:16(anonymous function) @ video.min_90f9c01.js:16e @ video.min_90f9c01.js:18e @ video.min_90f9c01.js:18
video.min_90f9c01.js:18 VIDEOJS: Video.js: currentTime unavailable on Flash playback technology element. TypeError: this.el_.vjs_getProperty is not a function(…)
video.min_90f9c01.js:18 VIDEOJS: ERROR: TypeError: this.el_.vjs_getProperty is not a function(…)c.logByType @ video.min_90f9c01.js:18i.error @ video.min_90f9c01.js:18d.dispatcher.d.dispatcher @ video.min_90f9c01.js:18k @ video.min_90f9c01.js:18a.trigger @ video.min_90f9c01.js:12_.(anonymous function) @ video.min_90f9c01.js:15e @ video.min_90f9c01.js:18e @ video.min_90f9c01.js:18d.dispatcher.d.dispatcher @ video.min_90f9c01.js:18k @ video.min_90f9c01.js:18a.trigger @ video.min_90f9c01.js:12(anonymous function) @ video.min_90f9c01.js:16e @ video.min_90f9c01.js:18
video.min_90f9c01.js:16 

Uncaught TypeError: this.el_.vjs_getProperty is not a function(…)b.buffered @ video.min_90f9c01.js:16b.bufferedPercent @ video.min_90f9c01.js:16(anonymous function) @ video.min_90f9c01.js:16e @ video.min_90f9c01.js:18e @ video.min_90f9c01.js:18

Fenrirthviti · 2016-12-24T04:31:44Z

I'm also experiencing this on 5.14.1 (with flash plugin 5.1.0). As I'm loading RTMP content on my site (live streaming), I cannot just use html5 as it's not currently (and likely won't ever be) supported there. If there is still interest in debugging this, I'm happy to set up a live reduced test case. Since this is related to live video, I can't provide a static link. However, this is the code in question:

<!DOCTYPE html>
<html>

<head>
	<title>Video Player Test Page</title>
	<link rel="stylesheet" type="text/css" href="/js/vjs/video-js.css">
	<link rel="stylesheet" type="text/css" href="/js/vjs/video-js-skin.css">
	<link rel="stylesheet" type="text/css" href="/css/site.css">
</head>

<body>
<div style="width: 100vw;height: 100vh">
	<video class="video-js vjs-default-skin vjs-fill vjs-big-play-centered" controls autoplay preload id="streamPlayer"
		   width="100%" height="100%" poster="//stream.rachni.com/img/channel/channel_Len.png">
	</video>
</div>
<script src="/js/vjs/videojs-5.14.1.js"></script>
<script>
	videojs('streamPlayer', {
		techOrder: ['flash'],
		sources: [{
			src: 'rtmp://stream.rachni.com/live&Fanfest',
			type: 'rtmp/flv',
			label: 'Flash'
		}],
	});
</script>
</body>

</html>

It's extremely inconsistent, and I haven't been able to track down what specifically triggers it. Some days it will work flawlessly, others it will error out on every other attempt to load the video.

jmar777 · 2017-03-09T01:17:41Z

We started getting this error intermittently a couple months ago on Safari, and over time the frequency increased until the failure rate is virtually 100%. I spent some time debugging it today, and I discovered that, in our case, the culprit is that we render our own custom controls on top of the flash object element (we have a complex player UI, so we simply delegate the rendering of the video itself to videojs).

The markup is structured something similar like this:

<div id='wrapper'>
  <div id='video-canvas'>
    <div id='vjs_video_1'>
      <object ... />
    </div>
  </div>
  <div id='player-overlay'>
     [player controls here]
  </div>
</div>

While it's not a "real" solution for our app, I can get playback to succeed every time by simply removing the #player-overlay div. My theory is that Safari has implemented some rather naive heuristics to detect whether or not the flash player is hidden, which it then uses to interfere with the Flash functionality in some inhibiting way.

Anyway, that's not a very reusable solution, but I figured I'd post it here incase it mirrors the problems anyone else is having with this error.

gkatsev · 2017-03-09T01:23:25Z

Thanks for posting @jmar777! That definitely looks in-line with what we've seen where Safari is super aggressively hiding and stopping the flash player.

jmar777 · 2017-03-10T19:57:45Z

@gkatsev no problem! By the way, here's how we resolved this on our end:

Referencing my sample markup in my previous comment, we previously had:

#wrapper styled with position: relative
#player-overlay styled with position: absolute; top/right/left/bottom: 0
Inside of #player-overlay, we had #top-bar and #bottom-bar divs that were absolutely positioned to the top and bottom respectively.

The fix ended up being remarkably simple: all we had to do was remove all styles on #player-overlay. Since it was no longer a positioned element, that made #wrapper the offset parent for the #top-bar and #bottom-bar divs, and because it had the same dimensions as #player-overlay, resulted in no visual difference.

So, to theorize on what the significant change for Safari was: before we had a transparent div that covered the entire object element, whereas now we just have a couple divs that partially cover it. I'm not sure whether it's bad heuristics for whether or not it's hidden, or if they just want to insure that the flash object itself is clickable, but either way this change made it happy. Hopefully that's helpful!

mmcc mentioned this issue Jun 16, 2015

this.el_.vjs_getProperty('buffered')) error when using flash tech in 5.0.0-rc.2 #2261

Closed

shaharmor mentioned this issue Aug 7, 2015

Flash tech isn't working on chrome OSX #2446

Closed

heff added this to the v5.0.0 milestone Sep 14, 2015

heff removed this from the v5.0.0 milestone Sep 14, 2015

gkatsev added needs: more info Please make enough detailed information is added to be actionable. needs: confirmation labels Nov 17, 2015

gkatsev closed this as completed Jul 25, 2016

Yalhu mentioned this issue Nov 3, 2017

TypeError: 'undefined' is not a function (evaluating 'this.el_.vjs_getProperty(e)') videojs/videojs-flash#43

Closed

github-actions bot locked as resolved and limited conversation to collaborators May 26, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Flash Tech: this.el_.vjs_getProperty is not a function #2247

Flash Tech: this.el_.vjs_getProperty is not a function #2247

ange007 commented Jun 9, 2015

heff commented Jun 9, 2015

mmcc commented Jun 9, 2015

ange007 commented Jun 9, 2015

vikbez commented Jun 24, 2015

vikbez commented Jun 25, 2015

dmlap commented Jun 26, 2015

vikbez commented Jun 26, 2015

dmlap commented Jun 26, 2015

vikbez commented Jun 28, 2015

shaharmor commented Aug 7, 2015

ange007 commented Aug 18, 2015

heff commented Sep 14, 2015

wannabefro commented Oct 2, 2015

crzidea commented Nov 13, 2015

gkatsev commented Nov 17, 2015

fpn commented Jan 12, 2016

darrennolan commented Feb 3, 2016

gkatsev commented Jul 25, 2016

colabora001 commented Aug 11, 2016

zxkane commented Dec 14, 2016

Fenrirthviti commented Dec 24, 2016

jmar777 commented Mar 9, 2017

gkatsev commented Mar 9, 2017

jmar777 commented Mar 10, 2017

Flash Tech: this.el_.vjs_getProperty is not a function #2247

Flash Tech: this.el_.vjs_getProperty is not a function #2247

Comments

ange007 commented Jun 9, 2015

heff commented Jun 9, 2015

mmcc commented Jun 9, 2015

ange007 commented Jun 9, 2015

vikbez commented Jun 24, 2015

vikbez commented Jun 25, 2015

dmlap commented Jun 26, 2015

vikbez commented Jun 26, 2015

dmlap commented Jun 26, 2015

vikbez commented Jun 28, 2015

shaharmor commented Aug 7, 2015

ange007 commented Aug 18, 2015

heff commented Sep 14, 2015

wannabefro commented Oct 2, 2015

crzidea commented Nov 13, 2015

gkatsev commented Nov 17, 2015

fpn commented Jan 12, 2016

darrennolan commented Feb 3, 2016

gkatsev commented Jul 25, 2016

colabora001 commented Aug 11, 2016

zxkane commented Dec 14, 2016

Fenrirthviti commented Dec 24, 2016

jmar777 commented Mar 9, 2017

gkatsev commented Mar 9, 2017

jmar777 commented Mar 10, 2017