Question

我正在使用jQuery Mobile开发视频播放器，并在其中一个页面中使用以下代码来嵌入HTML5视频：

<video id="Video" autoplay controls width="288" height="216">
  <source id="MP4" type="video/mp4">
  <source id="OGG" type="video/ogg">
  Your browser does not support the video tag.
</video>

然后我使用以下jQuery代码来设置/更改要播放的视频：

$( document ).on( "click", ".Video", function(){
  $("#Video").attr("poster", Thumb.jpg);
  $("#MP4").attr("src", Video+".mp4");
  $("#OGG").attr("src", Video+".ogg");
  $("#Video").load();
});

在iPod，iOS 6.1上访问时，第一个视频从头开始播放。但是，在观看第一个视频的几秒钟然后选择第二个视频后，第二个视频将在第一个视频停止而不是从头开始的时间点开始播放。

此代码始终在Google Chrome和诺基亚Windows手机中播放每个视频（没有机会尝试任何其他浏览器/设备）。

如何从一开始，在iPod或任何其他设备上开始播放每个视频？

Answer 1

处理搜索栏的示例代码：

var mediaElement = document.getElementById('mediaElementID');
mediaElement.seekable.start();  // Returns the starting time (in seconds)
mediaElement.seekable.end();    // Returns the ending time (in seconds)
mediaElement.currentTime = 122; // Seek to 122 seconds
mediaElement.played.end();      // Returns the number of seconds the browser has played

根据需要使用此代码示例。每次用户选择新视频时，请将currenttime设置为starttime。它适用于所有浏览器。

我是在{{>>寻求媒体的标题下从developer.mozilla.org得到的。

您可以查看 HTMLMediaElement here

的更多属性

希望它对你有所帮助。

iOS6.1，iPod：第二个视频从一开始就没有开始

1 个答案: