| Autor | Zpráva | ||
|---|---|---|---|
| WordpressKokos Profil |
#1 · Zasláno: 4. 10. 2017, 21:36:21
Zdravím, postuji toto znova do javascriptu, potřebuji experta který by mi vysvětlil jak spojit tyto kódy aby místo obrázku rotovaly videa, a po skončení (ended) se odrotovaly na video 2, ne po určitém čase.
Díky!!!!! video = document.getElementById('myvid');
video.addEventListener('ended',function() {alert('video is ended');
window.location.href = 'http://www.google.com';})
<body>
<video id="video1" controls="controls">
<source src="video.mp4" type="video/mp4">
</video>
</body>
<script language="JavaScript1.2">
var howOften = 5; //number often in seconds to rotate
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; //detect netscape 6
// place your images, text, etc in the array elements here
var items = new Array();
items[0]="<a href='link.htm' ><img alt='image0 (9K)' src=' /Images/image0.jpg' height='300' width='300' border='0' /></a>"; //a linked image
items[1]="<a href='link.htm'><img alt='image1 (9K)' src='/Images/image1.jpg' height='300' width='300' border='0' /></a>"; //a linked image
items[2]="<a href='link.htm'><img alt='image2 (9K)' src='/Images/image2.jpg' height='300' width='300' border='0' /></a>"; //a linked image
items[3]="<a href='link.htm'><img alt='image3 (9K)' src='/Images/image3.jpg' height='300' width='300' border='0' /></a>"; //a linked image
items[4]="<a href='link.htm'><img alt='image4 (9K)' src='/Images/image4.jpg' height='300' width='300' border='0' /></a>"; //a linked image
items[5]="<a href='link.htm'><img alt='image5 (18K)' src='/Images/image5.jpg' height='300' width='300' border='0' /></a>"; //a linked image
function rotater() {
document.getElementById("placeholder").innerHTML = items[current];
current = (current==items.length-1) ? 0 : current + 1;
setTimeout("rotater()",howOften*1000);
}
function rotater() {
if(document.layers) {
document.placeholderlayer.document.write(items[current]);
document.placeholderlayer.document.close();
}
if(ns6)document.getElementById("placeholderdiv").innerHTML=items[current]
if(document.all)
placeholderdiv.innerHTML=items[current];
current = (current==items.length-1) ? 0 : current + 1; //increment or reset
setTimeout("rotater()",howOften*1000);
}
window.onload=rotater;
//-->
</script> |
||
| weroro Profil |
Pre jeden formát videa (v tvojom prípade .mp4) a bez preloaderu: Živá ukázka
|
||
| WordpressKokos Profil |
#3 · Zasláno: 5. 10. 2017, 13:21:53
Děkuji moc!!! Mohl by jsi mi vysvětlit jak to udělat pro youtube videa? Místo mp4 linky z youtubu?
Našel jsem tento kód: function onPlayerStateChange(event) {
switch(event.data) {
case YT.PlayerState.ENDED:
log('Video has ended.');Který se zhoduje s tvým: this.setVideoEndEvent = function () {
self.videoPlayer.addEventListener('ended', function () {
self.rotateVideo();
});
return self;
};Jde to nějak spojit na youtube url ? Díky |
||
| WordpressKokos Profil |
#4 · Zasláno: 6. 10. 2017, 01:33:56
Ok už jsem na to přišel, díky.
|
||
|
Časová prodleva: 7 let
|
|||
0