Question

我想获得视频标签html5加载时间。如果前5秒视频不播放，则页面重定向到另一个链接

这是我的代码：

<body  onLoad="document.getElementById('myVideo').play();document.getElementById('myVideo').width=swidth;document.getElementById('myVideo').height=sheight;" style="background-color:#000;text-align:center;">
<video    id="myVideo">
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.webm" type="audio/webm" />
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.mp4" codecs="avc1.42E01E, mp4a.40.2" type="audio/mpeg">
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.ogv" type="audio/ogg">
</video>

<script type="text/javascript">
  $(document).ready(function(){   
   $("#myVideo").bind('ended', function(){
      location.href="<?php echo $this->baseUrl ?>";   
   }); 
  });
</script>

请帮忙

由于阿米特阿南德

Answer 1

//评论太短

根据jQuery文档，您的代码至少应该是：

<body style="background-color:#000;text-align:center;">
<video id="myVideo">
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.webm" type="audio/webm" />
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.mp4" codecs="avc1.42E01E, mp4a.40.2" type="audio/mpeg">
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.ogv" type="audio/ogg">
</video>

<script type="text/javascript">
  $(function(){
    // swidth and sheight are global variables ?
    document.getElementById('myVideo').width=swidth;
    document.getElementById('myVideo').height=sheight;
    document.getElementById('myVideo').play();

   $("#myVideo").bind('ended', function(){
      location.href="<?php echo $this->baseUrl ?>";   
   }); 
  });
</script>

Answer 2

这应该这样做。在5秒后创建一个Javascript超时以重定向，并将事件处理程序附加到playing媒体事件以清除超时。这将使得如果视频在5秒超时内开始播放，则不会发生重定向。

$(document).ready(function() {
    var video = $('#myVideo');
    var timeout = setTimeout(function() {
        location.href = "http:// whatever";
    }, 5000);

    video.bind('playing', function() {
        clearTimeout(timeout);
    });

    video.get(0).play();
});

在视频代码html5中获取加载时间

2 个答案: