Videojs width() 和 height() 方法 return 错误

Question

我使用 Videojs 在弹出窗口中加载视频播放器。但是当我尝试使用 width() 和 height() 时，出现了这个错误：

Chrome : Uncaught TypeError: this.el_.vjs_getProperty is not a function

IE11 : SCRIPT438: L’objet ne gère pas la propriété ou la méthode « vjs_getProperty »

我是不是用错了？

我的代码：

HTML部分

<body>
   <!-- hidden div -->
   <div id="dialog" style="display:none">
      <video id="player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" data-setup='{"techOrder": ["flash", "html5"]}'></video>
   </div>
   <div>
      <span>Category</span>
      <ul>
         <li><a href="#" class="video" id="video_id">Item 1</a></li>
      </ul>
   </div>
</body>

JS部分

$( window ).resize(function() {
    height = $(window).height() / 100 * 90;
    width = $(window).width() / 100 * 90;   
});

$("a.video").button().on("click", function() {
    var id = $(this).prop('id');
    var div_dialog = $('#dialog');

    var player = videojs('player');
    player.src({ type : "rtmp/mp4", src : "rtmp://server.com/vod/&mp4:foo/bar/" + id + ".mp4" });
    player.width( width - 135 );
    player.height( height - 150 );

    // display pop-up
    dialog.dialog("option", "title", $(this).text());
    dialog.dialog("option", "height", height );
    dialog.dialog("option", "width", width );
    dialog.dialog("open");
});

编辑： Jsfiddle here https://jsfiddle.net/snabow/b37z92g5/ 我认为 jQuery 有问题。当我把那些 4 行...:[=17=]

    var player = videojs('player');
    player.src({ type : "video/mp4", src : "http://vjs.zencdn.net/v/oceans.mp4" });
    player.width( width - 135 );
    player.height( height - 150 );

... 在 $(function() { ... } 之外，它起作用了。

Answer 1

我终于找到了让它工作的方法，这里是解决方案：

var player = videojs('player', {}, function(){
    // Modification de la source du player
    player.src({ type : "video/mp4", src : "http://vjs.zencdn.net/v/oceans.mp4" });
    // Modification de la taille du player
    player.width(width - 35);
    player.height(height - 50);
});

我认为 videojs 与 jQuery ont width() 和 height() 方法之间存在冲突。

Videojs width() 和 height() 方法 return 错误

Videojs width() and height() methods return error

javascript

methods

jquery

dimensions

video.js