Html5 video 对video.js的一些普遍质疑

我对这位球员有一些普遍的怀疑。我将列出它们：

video.js是否支持HLS视频格式？如果有，在什么平台上？（浏览器、设备、浏览器…？）。对不起，我在网站上搜索了这个，没有找到任何东西

我看到Ogg和MP4文件格式是最受支持的文件类型，而WebM则不太受支持。我已经搜索了什么是WebM。。。那是HLS吗？除了网站上没有列出的文件格式外，还有其他受支持的文件格式吗

video.js是否支持视频广告和谷歌分析

播放功能，类似于视频结尾中的列表，我可以在其中选择另一个。可能吗

是否支持自适应流媒体？也就是说，根据不断变化的网络条件调整传送到网页的视频质量

自定义玩家创建皮肤并将其应用于皮肤是否容易？例如，我可以在播放器上放置我网站的符号吗

我想是这样

如果有人能帮忙，我会很高兴的

video.js是否支持HLS视频格式？如果有，是什么原因 平台形？（浏览器、设备、浏览器…？）。对不起，我找过了 这在网站上，没有找到任何东西

是的，现在在任何通过HTML5（iPhone、桌面Safari）支持它的平台上，在源代码上使用“application/x-mpegURL”mimetype。很快将在所有台式机上支持HLS

我看到Ogg和MP4文件格式是最受支持的文件类型， 而WebM就不那么重要了。我已经搜索了什么是WebM。。。是吗 HLS？是否有其他受支持的文件格式，而不是上未列出的格式 网站

事实上，就最终用户支持而言，WebM、MP4和Ogg现在都紧密相连。WebM和Ogg一样是一种开放和免费的格式，但压缩效果要好一点。WebM不是HLS。HLS是MPEG-TS视频文件段的播放列表

video.js是否支持视频广告和谷歌分析

很快

播放功能，类似于视频结尾中的列表 我可以选择另一个。可能吗

你可以自己建造。目前还没有预先制定的解决方案

是否支持自适应流媒体？也就是说，调整产品质量 根据不断变化的网络条件将视频传送到网页

通过HLS，是的

自定义玩家创建皮肤并应用皮肤容易吗 信息技术例如，我可以在播放器上放置我网站的符号吗

Video.js完全是开源的，皮肤是使用HTML、CSS和JavaScript构建的。如果你对这些技术感到满意，那么让它看起来像你想要的就不难了

摘要

---

在过去的几年里，Video.js一直是我的副业，但Zencoder（我的公司）被Brightcove收购，现在我开始全职工作，并从Brightcove玩家团队获得帮助。所以，期待大事的到来。如果您觉得受到启发，我也很高兴能得到更多帮助。

您可以使用以下API定制在Google Analytics中跟踪VideoJS 3.2视频事件：

// Once the video is ready
_V_("video-embed-1234").ready(function(){

    // Google Analytics event tracking
    var trackGaEvent = function() {
        var playerState = this;

        // Determine time
        var date = new Date( event.timeStamp );

        var hours = date.getHours();
        if ( hours < 10 ) hours = "0" + hours.toString();
        var minutes = date.getMinutes();
        if ( minutes < 10 ) minutes = "0" + minutes.toString();
        var seconds = date.getSeconds();
        if ( seconds < 10 ) seconds = "0" + seconds.toString();

        var formattedTime = hours + ':' + minutes + ':' + seconds;

        // Log event
        var gaCategory = 'VideoJS';
        var videoId = playerState.id;
        var playerStateUrl = videoId.replace('benchfly-embed-', 'https://secured.benchfly.com/player/') + '/';
        _gaq.push([ '_trackEvent', gaCategory, event.type, playerStateUrl, formattedTime, false ]);
    };

    // Attach GA tracking to event listeners
    this.addEvent( "play", trackGaEvent );
    this.addEvent( "pause", trackGaEvent );
    this.addEvent( "load", trackGaEvent );
    this.addEvent( "ended", trackGaEvent );
    this.addEvent( "volumechange", trackGaEvent );

});

//视频准备好后
_V_389;（“video-embed-1234”）.ready（函数（）{
//谷歌分析事件跟踪
var trackGaEvent=函数（）{
var playerState=这个；
//确定时间
var日期=新日期（event.timeStamp）；
var hours=date.getHours（）；
如果（小时<10）小时=“0”+小时.toString（）；
var minutes=date.getMinutes（）；
如果（分钟<10）分钟=“0”+分钟.toString（）；
var seconds=date.getSeconds（）；
如果（秒<10）秒=“0”+秒.toString（）；
var formattedTime=hours+'：'+minutes+'：'+seconds；
//日志事件
var gaCategory='VideoJS'；
var videoId=playerState.id；
var playerStateUrl=videoId.replace（'benchfly-embed-'，'https://secured.benchfly.com/player/') + '/';
_gaq.push（[''u trackEvent'，gaCategory，event.type，playerStateUrl，formattedTime，false]）；
};
//将GA跟踪附加到事件侦听器
本附录（“播放”，trackGaEvent）；
此.addEvent（“暂停”，trackGaEvent）；
此.addEvent（“加载”，trackGaEvent）；
本附录（“结束”，trackGaEvent）；
本附录（“volumechange”，trackGaEvent）；
});

那个闪存兼容吗

是：如果配置正确，那么如果浏览器不支持本机的

元素，它将返回使用内置的Flash播放器

---

您可以覆盖它，例如强制它一直使用Flash播放器。

搜索videojs网站后，有很多问题：）。如果您想要HSL、视频广告、分析、自适应流媒体、html5和flash支持等。。。我会建议一个更完整的解决方案，比如我将代码包装在一些Javascript中，以确保页面已加载，但从

var date=new date（event.timeStamp）开始，我会出现错误。当然，我改变了视频的ID和播放器StatusUrl，但我一直得到“事件未定义”。每次我启动和stp视频时都会发生这种情况。视频播放效果很好，但我猜Analytics不会对它得到的结果感到满意。我错过了什么明显的东西吗？谢谢与我之前的评论相关，我在IE上得到一个错误，原因是“无法获取未定义或空引用的属性‘timeStamp’”。再说一次，如果我只是错过了什么，我完全可以理解。比如GA里我需要的一些信息。你能详细说明一下你的方法吗？谢谢我想我已经解决了。发现了对浏览器的一些引用，这些浏览器通过将
事件
传递到函数中（例如）以不同的方式处理事情。将其更改为
var trackGaEvent=function（event）{
。IE停止将
event
报告为null。并且Firefox停止声明，
事件未定义。
。在VideoJS v中新增