Firefox 加载元数据事件答案

【问题标题】：Firefox loadedmetadata eventFirefox 加载元数据事件
【发布时间】：2013-10-29 02:44:48
【问题描述】：

当我使用事件处理程序时：

video.on("加载的元数据", function() {...})

调用回调时，Firefox 似乎没有正确设置视频尺寸。 Chrome 运行良好。有没有办法在 Firefox 上正确获取视频尺寸？

编辑：如果我放置一个调试器并手动运行代码，它似乎可以工作。这让我相信这是某种竞赛条件。但这对我来说没有意义，因为正在调用该方法，这意味着事件应该已经正确发生 = 应该设置维度。

这是一个代码sn-p：

$("document").ready () ->
    # Setup variables
    video = $("#video")
    toolbar = $("#toolbar")
    canvas = $("#filter")
    context = canvas.get(0).getContext('2d')

    # Setup webcam
    # I have a separate webcam module that simply wraps the behavior of 
    # navigator.getMediaStream. Works fine in chrome.
    webcam.setup(() -> alert("Browser Unsupported."))
    webcam.getMedia({video:true}, (localMediaStream) ->
        video.attr("src", window.URL.createObjectURL(localMediaStream))

        # Video loaded event
        video.on "loadedmetadata", (e) ->
            # Turn on video controls
            video.prop("controls", true)
            # Setup canvas dimensions and add border
            width = video.width()
            height = video.height()
            canvas
                .css("border", "solid")
                .css("border-width", "1px")
                .attr("width", width)
                .attr("height", height)
            # In firefox, the width and height are 0! In chrome, they
            # are correct. I tested videoWidth/videoHeight and most other
            # variables. Does not work.

【问题讨论】：

发布更完整的代码 sn-p，并准确解释您所看到的。很有可能您还有其他一些我们看不到的错误。
添加了一个带有一些注释解释的 sn-p。
bugzilla.mozilla.org/show_bug.cgi?id=926753 发现了。这确实是 Firefox 中的一个错误。该死。希望这将在我发布我正在处理的内容之前得到解决。真的不想为了让事情兼容而加入黑客攻击。
截至 2014 年 3 月，这仍然是 Firefox 中未解决的错误。需要修复或解决方法！

标签： javascript html firefox video

【解决方案1】：

解决方案总结：

bugzilla.mozilla.org/show_bug.cgi?id=926753

Firefox 错误，如果与网络摄像头一起使用，目前似乎无法正确调用视频事件。即使相机没有正确初始化并设置正确的尺寸，最有可能对正在“加载”的视频造成影响，因此所有内容都以不正确的值调用。

【讨论】：