如何跟踪嵌入视频(youtube、vimeo 等)的点击事件?(跟踪播放次数) [英] How can I track a click event of an embedded video (youtube, vimeo, etc.)? (to track play count)

查看：31 发布时间：2021/11/27 12:06:33 php jquery video embed analytics

本文介绍了如何跟踪嵌入视频(youtube、vimeo 等)的点击事件?(跟踪播放次数)的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

有没有办法跟踪嵌入视频的播放次数?理想情况下，不要使用链接的缩略图来启动嵌入/iframe 代码.

示例(在 jsFiddle 上自己尝试):

<html lang="zh-cn"><头><meta charset="utf-8"><title>示例</title><script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script><身体><div id="日志"></div><ul><li class="video" id="video1"><iframe width="480" height="390" src="http://www.youtube.com/embed/z6lL83wl31E" frameborder="0"allowfullscreen></iframe><li><li class="video" id="video2"><iframe src="http://player.vimeo.com/video/28231570?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe></li><li class="video" id="video3"><embed flashVars="playerVars=autoPlay=no" src="http://www.metacafe.com/fplayer/3153323/the_three_stooges_minisode_beer_barrel_polecats_season_1_episode_0008"width="440" height="248" wmode="transparent" allowFullScreen="true" allowScriptAccess="always" name="Metacafe_3153323" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></li><脚本>/* 这是我迄今为止尝试过的: */$('.video').mouseover(function(){$('#log').html('鼠标悬停！');/*alert('改为跟踪鼠标悬停?这是我能做的最好的吗?');*/});$('.video').mouseout(function(){$('#log').html('&nbsp;');});$('.video').mousedown(function(){$('#log').html('鼠标按下！');警报('鼠标按下')；/* 这将跟踪嵌入对象(不是 iframes)中的 mousedown 事件，但不允许单击事件传递给对象.*/});

如何跟踪每个视频的播放次数?

解决方案

Ryan，唯一的方法是使用视频共享站点的播放器 api(s)，因为 html 和 javascript 对此没有本机支持.

要对 youtube 视频执行此操作，您可以查看文档此处

要对 vimeo 视频执行此操作，您可以查看文档此处

Is there a way to track play counts for embedded videos? Ideally without resorting to a thumbnail linked to launch the embed / iframe code.

Example (try it yourself on jsFiddle):

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Example</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
    <div id="log"></div>
    <ul>
        <li class="video" id="video1"><iframe width="480" height="390" src="http://www.youtube.com/embed/z6lL83wl31E" frameborder="0" allowfullscreen></iframe><li>
        <li class="video" id="video2"><iframe src="http://player.vimeo.com/video/28231570?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe></li>
        <li class="video" id="video3"><embed flashVars="playerVars=autoPlay=no" src="http://www.metacafe.com/fplayer/3153323/the_three_stooges_minisode_beer_barrel_polecats_season_1_episode_0008.swf" width="440" height="248" wmode="transparent" allowFullScreen="true" allowScriptAccess="always" name="Metacafe_3153323" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></li>
    </ul>
    <script>
        /* Here's what I've tried so far: */
        $('.video').mouseover(function(){
            $('#log').html('Mouseover!');
            /*alert('Track mouseovers instead? Is this the best I can do?');*/
        });
        $('.video').mouseout(function(){
            $('#log').html('&nbsp;');
        });
        $('.video').mousedown(function(){
            $('#log').html('Mousedown!');
            alert('mousedown');
            /* This will track mousedown events in embed objects (not iframes), but not allow the click event to pass through to object. */
        });
    </script>
</body>
</html>

How can I track play counts for each of these videos?

解决方案

Ryan, the only way to do this is to use the video sharing site's player api(s), as html and javascript have no native support for this.

To do this for youtube videos, you can check out the documentation here

To do this for vimeo videos, you can check out the documentation here

这篇关于如何跟踪嵌入视频(youtube、vimeo 等)的点击事件?(跟踪播放次数)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

如何跟踪嵌入视频(youtube、vimeo 等)的点击事件?(跟踪播放次数) [英] How can I track a click event of an embedded video (youtube, vimeo, etc.)? (to track play count)

问题描述

相关文章

PHP最新文章

热门教程

热门工具

登录关闭

如何跟踪嵌入视频(youtube、vimeo 等)的点击事件?(跟踪播放次数) [英] How can I track a click event of an embedded video (youtube, vimeo, etc.)? (to track play count)

问题描述

相关文章

PHP最新文章

热门教程

热门工具

登录 关闭

登录关闭