Как я могу заставить свой видеоплеер пропустить / искать определенное время.Я попробовал это, и это работает, когда страница сначала загружается (в Chrome), но не в любом другом браузере.У меня также есть запасной вариант флэш-памяти, который может быть проблемой, но на данный момент приоритетом является сторона HTML. Главная проблема в том, что он не работает вне Chrome!
РЕДАКТИРОВАТЬ: теперь это работает в IE9, Chrome и Firefox.Тем не менее, не с резервной флэш-памятью!
Ниже приведена моя попытка.
Пока я использую следующий JS:
<script language="javascript">
$(function () {
var v = $("#video").get(0);
$('#play').click(function(){
v.play();
});
$('.s').click(function(){
alert("Clicked: "+$(this).html() +"- has time of -" + $(this).attr('s') );
v.currentTime = $(this).attr('s'); v.play();
});
});
</script>
Который связанследующее:
<video id="video" controls width="500">
<!-- if Firefox -->
<source src="video.ogg" type="video/ogg" />
<!-- if Safari/Chrome-->
<source src="video.mp4" type="video/mp4" />
<!-- If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.) -->
<object type="application/x-shockwave-flash" data="player.swf"
width="854" height="504">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="flashvars" value="file=video.mp4">
<!--[if IE]><param name="movie" value="player.swf"><![endif]-->
<p>Your browser can’t play HTML5 video.</p>
</object>
</video>
В контексте наличия кнопок с классом s
и пользовательским атрибутом s=60
для "60 секунд" и т. д.