Question

我在网络加载时在特定位置开始播放视频，我使用来自控制器的雄辩变量来获取位置。我也在同一视图中使用jquery用于其他函数。我已经检查了变量是否正确到达所以我不知道错误在哪里。

奇怪的是这个方法只有在我之前在firefox中显示警告弹出窗口时才有效。（不适用于Chrome或其他浏览器）。

这是我的代码：

    <video id="video" style="display:none; width:100%; height:100%;" autoplay>
              <source src="/files/convert/videos/{{$moviesNow->url}}" type="video/mp4" />
              Su navegador no soporta el tag video.
    </video>

<script>
          var vid = document.getElementById("video");
          var time = {{$difTime}};
          var isPlaying = {{$playNow}};
          var moviesArr = [];
       };      
          var j = jQuery.noConflict();

          j(document).ready(function() {

            if(time >= 0 && isPlaying == 1){
                //vid.currentTime = time;

              }
            });
function setCurTime() { 
              vid.currentTime = time;
            };
</script>

我也尝试使用：

document.getElementById('video').addEventListener('loadedmetadata', function() {
          this.currentTime = time;
        }, false);

但问题没有解决。

Answer 1

loadedmetadata事件很有帮助，但它无法确保您尝试访问的视频部分是可查找的。您可以使用tailrec尝试更简单的解决方案：

只需将#t=120添加到视频网址的末尾即可自动转发到该位置。像这样：

video {
  height: 180px;
  width: 320px;
}

<video src="http://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4#t=120" controls autoplay></video>

如何从laravel 5中的特定位置启动HTML 5视频

1 个答案: