Insluiten van video (MP4) in een webpagina’s (HTML) vanuit mijn OneDrive-account

Status
Niet open voor verdere reacties.

frans-jozef

Gebruiker
Lid geworden
10 apr 2002
Berichten
40
Beste,
Betreft: problemen met het insluiten van video's (MP4) in een webpagina (HTML) vanuit mijn OneDrive-account.
Hier een voorbeeld dat ik graag zou insluiten in een HTML webpagina.

https://syntraavb-my.sharepoint.com...VCmi_uO3T39FwB1dqZceMLmTzspACsRInQaQ?e=jrGGAM

Indien mogelijk met volgende eigenschappen, de gebruikte browser is Google-Chroom.
Video width: 720
Autoplay video:
Show controls:
Graag zelf eens eerst uitproberen want het blijkt niet zo eenvoudig te zijn!
Wie kan mij helpen?
Met vriendelijke groeten,
Frans Jozef
 
Ik kan het niet bekijken omdat ik moet inloggen.
Embedden zal ook niet handig zijn dan.
 
Beste,
Bij office support heb ik al geïnformeerd, maar dan moet je de beheerder zijn!
Gezien mijn beheerder niet de tijd uittrekt voor mij blijf ik op mijn honger zitten, dus…

Hier tijdelijk de link naar de webpagina (onafgewerkt) waar het allemaal over gaat.
In het bovenste gedeelte de voorbeeldlink die ik wil insluiten!

http://dental.be/Z_Testmap/BL_HP_00_04.html

Bekijk a.u.b. eens de paginabron, daar heeft u meer aan denk ik?
Met vriendelijke groeten,
Frans Jozef
 
Video op YouTube zetten en eventueel op verborgen zetten?
 
Beste,
Is er dan voor deze geen oplossing???
Wat copyright betreft heb ik van de door mij gebruikte filmpjes toestemming om deze voor educatief gebruik in een gesloten website te vertonen.
Met vriendelijke groeten
 
Als ik met rechts op die video klik dan kan ik de goede .mp4 url kopiëren. Heb je dit geprobeerd:
Code:
<video width="720" height="576" controls autoplay>
<source src="https://syntraavb-my.sharepoint.com/personal/frans_martens_docent_syntra-ab_org/Documents/BESTANDEN-ARCHIEF/19_CV_Joke/kerst_voor_iedereen.mp4" type="video/mp4">
<source src="https://syntraavb-my.sharepoint.com/personal/frans_martens_docent_syntra-ab_org/Documents/BESTANDEN-ARCHIEF/19_CV_Joke/kerst_voor_iedereen.ogg" type="video/ogg">
</video>
 
Ik krijg zelf een inlog-pagina te zien.
 
Beste Bron,
Hartelijk dank voor de oplossing!
Er is echter nog een probleempje, de autoplay werkt bij niet maar ik kan wel de video starten met de startknop.

http://dental.be/Z_Testmap/BL_HP_00_05.html

Kan men hier mogelijk nog iets aan veranderen?
<video controls controlsList="nodownload" width="720" height="576" autoplay="autoplay" src="https://syntraavb-my.sharepoint.com/personal/frans_martens_docent_syntra-ab_org/Documents/BESTANDEN-ARCHIEF/19_CV_Joke/kerst_voor_iedereen.mp4" type="video/mp4">

Nogmaals mijn beste dank voor de hulp!
Frans Jozef
 
controlsList="nodownload" kan je weglaten, dat werkt niet in IE, Edge, Firefox en Opera. Iedereen kan met die browsers de video downloaden.

Afhankelijk van de <!doctype ...> gebruik je
- controls="controls" of alleen het woord controls
- autoplay="autoplay of alleen het woord autoplay
Jij gebruikt het oude <!doctype XHTML 1.0> en dan gebruik je controls="controls"

Als je wilt dat de video op smartphone, tablet en monitor goed wordt weergegeven dan kan dat met deze html/css.
Kies verhouding 16:9 ~of~ 4:3 (kies één padding-bottom regel, niet beide!) en zet geen width/height in de <video>
Code:
HTML

<div class="embed-video">
<video controls autoplay loop>
<source src="https://syntraavb-my.sharepoint.com/personal/frans_martens_docent_syntra-ab_org/Documents/BESTANDEN-ARCHIEF/19_CV_Joke/kerst_voor_iedereen.mp4" type="video/mp4">
</video>
</div>

CSS

.embed-video {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%; /* verhouding 16:9 */
    padding-bottom: 75%;    /* verhouding 4:3 */
}
.embed-video video {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: baseline;
    position: absolute;
    top:0; bottom:0; left:0;
    width: 100%;
    height: 100%;
    border: 0;
}
 
Laatst bewerkt:
Apart even hoe je jouw code boven <body> up-to-date kan maken.
Code:
<!doctype html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dentaaltechnicus</title>
<meta name="description" content="Opleiding tot dentaaltechnicus">
<!--  <meta name="robots" content="noindex, nofollow">  -->
<style type="text/css">
...
</style>
</head>
Dan kan je gewoon <video controls autoplay> gebruiken.

Suc6. Have fun.
 
Beste Bron,
Voor mij is het probleem opgelost, ik red het voor de rest wel.
Er blijft mij u nog hartelijk te danken voor uw inzet en uw verduidelijking.
Met vriendelijke groeten,
Frans Jozef
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan