javascript - vimeo 和 javascript (froogaloop) - 获取视频信息

标签 javascript video vimeo

我有这个非常简单的代码。我有一些问题。

<!DOCTYPE html>
<html>
  <head>    
  <!--
  <script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
  -->
  <script src="https://raw.github.com/vimeo/player-api/master/javascript/froogaloop.js"></script>
  </head>

  <body>

    <iframe
        id="vimeo_1"
        src="http://player.vimeo.com/video/7100569?api=1&player_id=test"
        width="400"
        height="225"
        frameborder="0">
    </iframe>

    <a id="play" href="javascript:void(0)">play</a>
    <a id="pause" href="javascript:void(0)">pause</a>
    <a id="mute" href="javascript:void(0)">mute</a>
    <input id="volume" type="range" min="0" max="1" value="0.5" step="0.01" />
    <a id="videoInfo" href="javascript:void(0)">video info</a>

    <div>
        <ul id="showVideoInfo">
        </ul>
    </div>

    <div id="debug"></div>

    <script>
    var v1 = document.getElementById('vimeo_1');
    var play = document.getElementById('play');
    var pause = document.getElementById('pause');
    var mute = document.getElementById('mute');
    var volume = document.getElementById('volume');
    var videoInfo = document.getElementById('videoInfo');

    var debug = document.getElementById('debug');

    $f(v1).addEvent('ready', function(pID){
        console.log('ready');
    });

    addEvent(play, 'click', playVideo);
    addEvent(pause, 'click', pauseVideo);
    addEvent(mute, 'click', muteVideo);
    addEvent(volume, 'change', volumeVideo);
    addEvent(videoInfo, 'click', infoVideo);

    function addEvent(obj, name, callback) {
        if (obj.addEventListener)
            obj.addEventListener(name, callback, false);
        else
            obj.attachEvent(name, callback, false);
    }

    function playVideo() {
        console.log('play');
        $f(v1).api('play');
    }

    function pauseVideo() {
        console.log('pause');
        $f(v1).api('pause');
    }

    function muteVideo() {
        console.log('mute');
        $f(v1).api('setVolume', 0);
    }

    function volumeVideo() {
        console.log(this.value);
        $f(v1).api('setVolume', this.value);
    }

    function infoVideo() {
        console.log('videoInfo: ');
        $f(v1).api('paused', function(v) {
            console.log(v);
        });
    }
    </script>

  </body>

</html>

首先,像播放、暂停、静音和音量 slider (仅限 webkit)这样的按钮工作正常。 但是,当我需要从视频中获取一些视频数据并在某个地方(例如控制台)打印时,没有任何效果,并且会显示类似的消息:

ERROR in Chrome

在这里搜索我发现了一些关于此的问题,但是对他们有用的一切对我来说根本不起作用。啊!

有人可以帮助我吗?谢谢。

最佳答案

出现此错误是因为您将视频作为本地文件播放。您必须在 Web 服务器上运行代码(甚至在本地使用 MAMP 或 WAMP)。

肯。

关于javascript - vimeo 和 javascript (froogaloop) - 获取视频信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8954398/

相关文章:

Javascript onclick按钮更改页面字体大小或div字体大小

html - 使用 ffmpeg 进行自适应压缩

ios - 如何确定 HTML5 视频播放器何时在 iOS/iPad 上进入全屏模式?

javascript - 从网页进行社交分享

google-analytics - 使用 GA 事件跟踪进行视频跟踪

javascript - 调整窗口大小时打开响应式侧面菜单

javascript - findOne Mongoose 查询无法正常工作

javascript - 基于浏览器的实时视频聊天,没有闪光灯

html - 如何在 vimeo 中激活全屏标志,在 iframe 中激活 youtube 视频

javascript - jquery 回调特异性