Film loop als achtergrond

dave-krijgsman schreef op 24.04.2018 om 20:47 uur

Wie kan me antwoord geven op het volgende.

 

Ik heb onlangs de Webdesigner upgrade gedaan, maar hoe krijg ik 't voor elkaar om een filmpje van 15 seconden als achtergrond in te stellen? Het filmpje is beeldvullend en het moet automatisch in loop afgespeeld worden. Het betreft hier een logo dat dus in de background zichtbaar moet zijn.

Allerlei html opties vindt ik wel via Google, maar ik neem aan dat Webdesigner dit als optie er in gebouwd heeft?

 

Reacties

mi-bo schreef op 25.04.2018 om 10:26 uur

Dave,

Om een correcte reactie te geven.

Over welk pakket MWD( BASIC OF PREM)schrijft U.

Bij wie heeft U een Webhosting.

Gebruikt U een geregstreerde domeinnaam.

Groeten

Michael

dave-krijgsman schreef op 25.04.2018 om 19:33 uur

Hi Michael bedankt,

Ik heb de nieuwste premium versie.

Mijn webhosting (staat er volgens mij los van) is ondergebracht bij Antagonist waarvan ik een reseller pakket afneem. Ik heb meerdere domeinnamen (ook doorverkoop), maar ik werk nu voor 't eerst met WD, waarmee ik een site wil upgraden (nog niet online).

 

 

mi-bo schreef op 25.04.2018 om 20:40 uur

Hi Dave,

bedankt voor je antwoord, met MWD Prem heb ik een kleine proef website gemaakt als volgt, index pagina een filmpje gezet die begint af te spelen zodra de Website wordt geopend, dat zou dan de reclame pagina moeten zijn, en verder home, komen.

zie voorbeeld,wordt dit bedoeld met Uw vraag

http://www.mi-bo.nl

groeten,

Michael

dave-krijgsman schreef op 25.04.2018 om 21:45 uur

Nee, helaas is dit niet wat ik bedoel

Ik bedoel puur een film als achtergrond dat met HTML5 met tags/scripts ingezet kan worden. Vroeger werkte ik met Dreamweaver en waren scripts standaard. Maar nu ik WD heb, verwacht ik dat dit standaard met het pakket mogelijk is. Zelfs Jimdo kan 't!

 

Voorbeelden;

www.paypal.com

www.sportlife.com

mi-bo schreef op 26.04.2018 om 10:16 uur

Hi Dave.

Bedankt voor uw antwoord, ik kan U verder geen advies geven.

Plaats een oproep op het Duitse Forum hier kijken regelmatig specialisten die U graag helpen.

Groeten

Michael

BeRo schreef op 26.04.2018 om 13:14 uur

@dave-krijgsman

Als je Duitse tekst kunt lezen, kijk dan eens naar deze thread.
Daar wordt precies uitgelegd hoe je probleem opgelost kan worden.
De weergegeven scriptcode kan 1:1 worden gebruikt.

Hier kan je de online demo bekijken.
En hier kan je het projectbestand voor de demo downloaden.

Als je vragen hebt, gewoon opnieuw hier in het forum.

Sorry voor mijn hobbelige Nederlands. Mijn moedertaal is Duits. 🙃

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

dave-krijgsman schreef op 27.04.2018 om 22:51 uur

Thanks BeRo, dat is inderdaad wat ik bedoel!

Waar moet ik de scriptcode in WD plaatsen?

Is dit de 1:1 script dat alleen met WD werkt of zijn dit algemene HTML tags?

En misschien heel dom, maar waar zou ik het projectbestand "vidbackgr2" voor kunnen gebruiken? Moet dit bestand ergens in WD geplaatst worden?

 

Helaas ken ik geen woord Duits. Anders had ik de gehele thread aandachtig gelezen. Mijn slechtste vak op school.

BeRo schreef op 28.04.2018 om 00:08 uur

[...] Waar moet ik de scriptcode in WD plaatsen? [...]

Je moet de scriptcode kopiëren naar de HTML Head en naar de HTML Body van de pagina.
Zo ziet het eruit in het WebDesigner-editor-venster.

De volgende CSS-code moet in de HTML Head zitten.

<style type="text/css">
body, html { width:100%; width:100%; margin:0; padding:0;}
section { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; hight:100%; overflow:hidden; }
section video { min-width:100%; min-height:100%; position:absolute; top:0; left:0; bottom:0; right:0; }
</style>

De volgende HTML-code moet in de HTML Body zitten.

<section>
<video loop="loop" preload="auto" poster="index_htm_files/polina.jpg" autoplay muted>
<source src="./index_htm_files/polina.mp4" type="video/mp4"></source>
<div>Schade – hier könnten Sie ein Video sehen, wenn Ihr Browser HTML5 Unterstützung hätte!</div>
</video>
</section>

De naam van het videobestand "polina.mp4" komt uit het demo-bestand. Je videobestand (MP4-formaat!) krijgt een andere naam. De naam moet dus worden gewijzigd in de scriptcode.

Nu moet je ervoor zorgen dat de achtergrondkleuren van de pagina zijn verwijderd. Anders zal de video niet zichtbaar zijn.

In principe was dat alles... 😀

Denk eraan dat het videobestand in de directory "index_htm_files" moet worden opgeslagen.

[...] waar zou ik het projectbestand "vidbackgr2" voor kunnen gebruiken? [...]

In het ZIP-archief "vidbackgr.zip", dat je gedownload hebt, vind je 1 bestand en 1 map.

Het bestand "vidbackgr2.web" kan met een dubbelklik gestart worden. Hiermee opent zich dan je WebDesigner programma.
Je kunt nu alle instellingen en scriptbestanden van het demobestand zien en ermee experimenteren.

De directory "vidbackgr2_web_files" is een hulpdirectory van de WD.
Alle bestanden worden bij het publiceren van het projectbestand automatisch door de WD naar de hoofddirectory "index_htm_files" gekopieerd. Het is dus voldoende om je videobestand op te slaan in de help directory.

Probeer het maar uit... 😋

Veel succes

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

dave-krijgsman schreef op 28.04.2018 om 00:39 uur

Weer bedankt ReBo,.. dit ga ik zeker de komende dagen testen!

Waar vind ik de directory waar mijn film en .jpg bestanden in geplaatst worden?

Ik werk trouwens met een supersite. Ik neem aan dat dit geen probleem moet zijn.

BeRo schreef op 28.04.2018 om 13:04 uur

[...] Waar vind ik de directory waar mijn film en .jpg bestanden in geplaatst worden? [...]

De beste manier om dit te doen is door een help directory aan te maken.
De map moet worden aangemaakt als deze niet automatisch door de WD is aangemaakt.
Als het projectbestand bijvoorbeeld "mysite" heet, voeg dan een nieuwe map aan met de naam "mysite_web_files".

De nieuwe directory is een help directory. Dit moet precies daar worden opgeslagen waar je het projectbestand "mysite.web" opslaat.
In de nieuw aangemaakte directory kan je alle bestanden opslaan die zich normaal in de directory "index_htm_files" moeten bevinden (afbeeldingen, grafieken, scriptcode enz.).
De WD zorgt ervoor dat alle objecten uit deze directory gekopieerd worden naar de hoofdmap "index_htm_files" bij het publiceren/exporteren.

In het ZIP-archief "vidbackgr.zip", dat je hebt gedownload, zie je het projectbestand "vidbackgr2.web" en de helpdirectory "vidbackgr2_web_files".
Beide objecten horen bij elkaar. Ze moeten altijd samen in dezelfde directory worden opgeslagen.

[...] Ik werk trouwens met een supersite. Ik neem aan dat dit geen probleem moet zijn. [...]

Supersites zijn sites met speciale effecten. Het is niet uitgesloten dat de combinatie met eigen scriptcodes hier problemen oplevert.
Het is belangrijk dat alle achtergronden, die een volledige pagina kunnen zijn, transparant worden gemaakt. Anders kan je de video op de achtergrond niet zien.

Nog meer vragen? 😇

Tot slot een leuk weekend en veel succes.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

dave-krijgsman schreef op 30.04.2018 om 15:13 uur

Ik heb zeker nog vragen 😁

Waar vind ik de directory waar WD dit soort mappen opslaat? Op c: kan ik 't niet vinden.

BeRo schreef op 30.04.2018 om 21:21 uur

[...] Waar vind ik de directory waar WD dit soort mappen opslaat? [...]

Hmmm, je hebt het antwoord al gelezen?! 😏

De gedetailleerde informatie vindt je ook in het helpbestand.
Neem eens een kijkje binnen...

Zo ziet het eruit in het venster WD-editor wanneer je het project opslaat.

De mappen in de schermafbeelding zijn slechts voorbeelden. Voor je project kies je een geschikte directory.

Probeer het opnieuw. 😋

Veel succes

Laatst gewijzigd door BeRo op 30.04.2018, 21:23, in totaal 1 keer gewijzigd.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

dave-krijgsman schreef op 01.05.2018 om 14:18 uur

Je hebt gelijk!

Alleen ging ik er vanuit dat WD het op c: zou plaatsen, omdat het programma daar geïnstalleerd is. Het staat hier op de f: schijf, dus met een zoekactie (heb 6 interne schijven) heb ik 't gevonden.

Bedankt weer!

dave-krijgsman schreef op 01.05.2018 om 18:53 uur

Hi ReBo, ik heb (volgens mij) gedaan wat je beschrijft. Toch zie ik in de 'preview' geen filmpje als achtergrond.

Ik heb de mp4 en jpg bestanden in 'mysite_web_files' geplaatst. Moet dit mapje weer in 'index_htm_files' geplaatst worden?

En ik heb beide achtergronden transparant gemaakt. Toen dit niet lukte heb ik ook alles in 'paste backgrounds' transparant gemaakt, maar ook dit geeft geen resultaat.

Wat doe ik fout?

BeRo schreef op 01.05.2018 om 20:40 uur

[...] Ik heb de mp4 en jpg bestanden in 'mysite_web_files' geplaatst [...]

Dat is prima als je ook de juiste projectnaam gebruikt... 😉
Als je project bijvoorbeeld "sportlife.web" heet, moet de help directory "sportlife_web_files" heten.

[...] Moet dit mapje weer in 'index_htm_files' geplaatst worden? [...]

Nee, absoluut niet.
De help-directory moet altijd precies daar worden opgeslagen waar het projectbestand is opgeslagen.
In het voorbeeld is dit het projectbestand "sportlife.web".

Nieuwe poging? 🤓

Veel succes

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

dave-krijgsman schreef op 01.05.2018 om 21:30 uur

Natuurlijk en dit is in mijn geval dus "bttm_web_files"

Toch doe ik iets niet goed. Ik zie namelijk nergens een mappen structuur van het projectbestand en zo dus ook geen "index_htm_files". Op de c-schijf staat het programma en het projectbestand staat hier op de h-schijf. Het enige wat ik zie is hieronder exclusief wat er dus op de c-schijf staat.

BeRo schreef op 01.05.2018 om 23:09 uur

[...] Ik zie namelijk nergens een mappen structuur van het projectbestand en zo dus ook geen "index_htm_files" [...]

Om de bestanden te bekijken, moet je ze eerst lokaal exporteren. 😊
Dat is één manier om het te doen...

In je geval kan de exportdirectory weer "h:\Magix WD 15 Premium" zijn.

Veel succes

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

dave-krijgsman schreef op 02.05.2018 om 00:38 uur

Oké ik geloof je helemaal en ga er vanuit dat alle bestanden goed zijn aangemaakt door WD. Ik hoef de exportbestand voor nu niet te bekijken.

Maar waarom zie ik geen film achtergrond? Ook getest met een nieuwe en normale website (projectbestand), want misschien lag het aan de 'supersite'.. maar ook hier geen film achtergrond. En ook hier heb ik alle achtergronden transparant gemaakt.

Kan het misschien te maken hebben dat er ook nog steeds Magix WD 12 op mijn pc staat, want na de upgrade van een paar weken geleden, dacht ik dat WD 12 automatisch verwijderd zou worden. Nu ik alle mappen aan het bekijken ben, zie ik dat ik WD 12 ook nog steeds heb.

mi-bo schreef op 02.05.2018 om 11:00 uur

Dave,

een aanvulling als u gebruik maakt van download update kunt u via magix.com de trial versie laden van MWD 15 Prem en met Uw serienummer weer activeren en dan staat versie MWD 15 Prem op Uw Pc.

kijk even naar deze link

https://www.magix.info/nl/forum/algemene-mededeling-dit-geld-voor-alle-magix-producten--1199627/

PS dit heeft niets te maken met alle goede inbreng van ReRo.

Groeten

Michael

BeRo schreef op 02.05.2018 om 17:12 uur

[...]Ik hoef de exportbestand voor nu niet te bekijken.
Maar waarom zie ik geen film achtergrond [...]

Om dit te laten werken, moet je het projectbestand minstens één keer exporteren
Anders wordt het videobestand (en andere objecten) niet in de hoofddirectory "index_htm_files" overgenomen.

[...] Kan het misschien te maken hebben dat er ook nog steeds Magix WD 12 op mijn pc staat, [...]

Nee, dat is zeker niet de oorzaak.
Het is normaal dat verschillende WD-versies parallel kunnen worden geïnstalleerd. Ze beïnvloeden elkaar niet.

Als je nog steeds problemen hebt met het draaien van de video op de achtergrond, dan kan je het projectbestand (en de help directory) op je webserver opslaan. Ik kan dan de bestanden downloaden en beter zoeken naar de fout...

Nieuwe poging?

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

dave-krijgsman schreef op 15.05.2018 om 10:33 uur

Thanks BeRo,

Ik heb weer even tijd, dus ik ga weer verder met testen...

Ik heb het geëxporteerd, maar nog steeds geen filmpje als achtergrond.

Zoals gezegd heb ik inmiddels diverse tests met andere sites gedaan om te kijken of het aan de supersite ligt. Daarom zijn er meerdere projectbestanden aangemaakt. Is het de bedoeling dat deze allemaal in het mapje Magix WD 15 Premium staan? zie screenshot

Ik probeer het projectbestand (en help) te uploaden naar de webserver, maar voorlopig lukt het niet. Klopt het dat ik niet verplicht ben om de XARA server te gebruiken? Voorheen deed ik dat ook niet en kon ik rechtstreeks gebruik maken van "publiceren naar een andere webhost". Blijkbaar heeft WD niets onthouden en moet ik nu alles opnieuw opzoeken voor mijn eigen hosting

BeRo schreef op 15.05.2018 om 13:50 uur

[...] Is het de bedoeling dat deze allemaal in het mapje Magix WD 15 Premium staan? [...]

Nee, dat is niet nodig. Je kunt zelf bepalen waar je het projectbestand wilt opslaan. Natuurlijk kunnen meerdere projectbestanden zich ook in één map bevinden. Ze storen elkaar niet zolang ze verschillende namen hebben.

[...] Ik probeer het projectbestand (en help) te uploaden naar de webserver, maar voorlopig lukt het niet. [...]

Met welk programma probeert je de upload te doen?
Met FileZilla is dit zeer eenvoudig te realiseren.... 😉

[...] Klopt het dat ik niet verplicht ben om de XARA server te gebruiken? [...]

Ja, dat klopt. Je kunt publiceren op elke webserver waartoe je toegang hebt.
Zo stel je het in:

Veel succes. 👍

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

dave-krijgsman schreef op 15.05.2018 om 20:06 uur

Het is gelukt om de site met behulp van Magix zelf, naar mijn webserver te uploaden. Staat het help bestand er nu ook op zodat je kan meekijken wat er fout gaat?

Het mp4 en het jpg bestand zijn beide aanwezig op de webserver, maar alsnog geen mp4 als achtergrond. Om het er tijdelijk toch mooier uit te laten zien, heb ik maar 2 foto's geplaatst (dus deze zijn niet transparant).

Wil je de site link per pb?

BeRo schreef op 15.05.2018 om 20:30 uur

[...] Wil je de site link per pb?

Graag... 🙂

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓