script om video te starten op een bepaalde tijdscode
Ik ben al even op zoek naar een bestaande videospeler/script/tutorial/... om een video te starten op een bepaalde tijdscode via een link/url/knop
Ga uit van het volgende, een lange video (van een vergadering bijvoorbeeld) met daaronder een aantal agendapunten, ik wil, als ik op één van de agendapunten klik dat de video begint te spelen op een vooraf ingesteld tijdstip (dat waneer dat agendapunt aan bod komt uiteraard)
Je kan het best vergelijken met youtube, daar kan je ook in de description tijdscodes zetten die de player doen starten op dat punt.
Ik heb al heel wat opzoekwerk gedaan maar vind niets relevant...heeft iemand een oplossing voor dit probleem of weet van een manier waarop ik verder kan?
Alvast bedankt!
Of welke video speler?
Bij Youtube kan je een tijd meegeven in de url
bv. na 1 minuut 10 seconden
http://www.youtube.com/watch?v=zkiaJxa0UCg#t=1m10s
Deze video player / controller ziet er wel veelbelovend uit.
De minimum werkende code is zo-iets:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
<title>Video.js | HTML5 Video Player</title>
<!-- Chang URLs to wherever Video.js files will be hosted -->
<link href="http://vjs.zencdn.net/4.3.0/video-js.css" rel="stylesheet" type="text/css">
<!-- video.js must be in the <head> for older IEs to work. -->
<script src="http://vjs.zencdn.net/4.3.0/video.js"></script>
<!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
<script>
videojs.options.flash.swf = "video-js.swf";
</script>
</head>
<body>
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup="{}">
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
<track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
</video>
</body>
</html>
<html>
<head>
<title>Video.js | HTML5 Video Player</title>
<!-- Chang URLs to wherever Video.js files will be hosted -->
<link href="http://vjs.zencdn.net/4.3.0/video-js.css" rel="stylesheet" type="text/css">
<!-- video.js must be in the <head> for older IEs to work. -->
<script src="http://vjs.zencdn.net/4.3.0/video.js"></script>
<!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
<script>
videojs.options.flash.swf = "video-js.swf";
</script>
</head>
<body>
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup="{}">
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
<track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
</video>
</body>
</html>
Ik ga er van uit dat hiermee alles moet kunnen wat je vraagt.
Ik moet er zelf wat naar kijken ...
Hier op Github https://github.com/videojs/video.js