Probleem met filmpjes in Chrome en Edge

Status
Niet open voor verdere reacties.
A

afarensis

Verenigingslid
Lid geworden
12 jul 2011
Berichten
586
Besturingssysteem
Windows 11
Office versie
365
In mijn website www.lucyonline.nl staan een aantal filmpjes. Een van de filmpjes is te bekijken via de knop 'Voorouders' en keuze 'Neanderthaler' (klein stukje naar beneden scrollen).

In IE gaat het goed, maar in Chrome en Edge lukt het niet. Chrome mist een plugin, maar in de instellingen heb ik de optie 'alle inhoud plugins uitvoeren' Lijkt mij toch goed?
In Edge zie ik helemaal niets.

Dit is de code...

Code: 
<div align="center" id="vpdiv">
<embed src="http://www.lucyonline.nl/filmpjes/neanderthalers.wmv" width=360" height="340" loop="true" align="middle" class="rand" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" displaysize="0" enablecontextmenu="0" autosize="true" autostart="false" showstatusbar="1" showcontrols="1" type="application/x-mplayer2" name="RAOCXplayer"></embed>

Ben ook bezig geweest met HTML 5, waarbij dit zou moeten volstaan (WMV omgezet naar MP4) Mp4 schijnt een goed universeel formaat te zijn, vandaar...

Code: 
<video width="360" height="340" controls>
<source src="../filmpjes/neanderthalers.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

OF.....

<video width="360" height="340" controls>
<source src="."http://www.lucyonline.nl//filmpjes/neanderthalers.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

Maar geen van beide werken....

Wat gaat er nu toch fout waardoor ik in Chrome en Edge gaan filmpjes kan tonen?

Hopelijk kan iemand mij hierbij behulpzaam zijn....
 
Bedankt voor je snelle reactie...

Hier was ik al geweest, maar omdat het al ingeschakeld stond (nu optie: Uitschakelen) dacht ik dat dit standaard was. Heb voor de zekerheid nog vinkje gezet bij 'mag altijd worden uitgevoerd', maar helaas..
Werkt het overigens bij jou wel in Chrome?

Eigenlijk wel ingewikkeld. Hoe kan een argeloze gebruiker dit nu allemaal uitzoeken. Er zou een gewoon standaard 'video' script moeten zijn die door alle browsers begrepen wordt. Maar ja, dat zal voorlopig wel een illusie zijn.
 
Hi,
Ga over op de "standaard" H.264 (MP4) video.
Dit is ondersteund op:

Android browser 3.0+
Google Chrome 3.0+
Internet Explorer 9+
Internet Explorer Mobile 9+
Microsoft Edge 12+
Microsoft Edge Mobile 13+
Firefox 22+ (Vista/Win7+)
Firefox 17+ (Android)
Firefox 34+ (OSX)
Opera 11.5+ (Android,Windows)
Safari 3.1

Nadat je het videobestand hebt geconverteerd...

- Wijzig in de html:
<embed src="http://www.lucyonline.nl/filmpjes/neanderthalers.mp4"
- en het volgende weghalen:
pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"
type="application/x-mplayer2"

Suc6. Have fun.
 
Laatst bewerkt:
Geweldig, het werkt!

Bedankt voor je reactie en uitleg. Met de volgende (door jou voorgestelde) codes werkt het ook in Chrome! Helaas 'nog' niet in Edge. Ik zie eigenlijk alleen de achtergrond; geen meldingen, controlls, niets dus.

<div align="center" id="vpdiv">
<embed src="http://www.lucyonline.nl/filmpjes/ichthyostega.mp4" width=500" height="350" loop="true" align="middle" class="rand" displaysize="0" enablecontextmenu="0" autosize="true" autostart="false" showstatusbar="1" showcontrols="1" name="RAOCXplayer"></embed>
</div>

Nogmaals dank...
 
Begin met een normale embed en voeg eventueel extra eigenschappen toe alleen als het nodig is. Er zijn namelijk een stel oude of Microsoft gerelateerde eigenschappen.
Code: 
<div id="vpdiv" style="text-align:center;">
<embed src="http://www.lucyonline.nl/filmpjes/ichthyostega.mp4"
   class="rand" width="500" height="350" style="margin: 0 auto;">
</embed>
</div>

Noot: er mist een " bij width=500"

Have fun.
 
Als je html5 wilt gaan gebruiken...
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

wordt

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">

en dit is dan de video
Code: 
<div id="vpdiv" style="text-align:center;">
  <video class="rand" style="margin: 0 auto;" width="500" height="350" controls autoplay loop>
    <source src="http://www.lucyonline.nl/filmpjes/ichthyostega.mp4" type="video/mp4">
    Uw browser kan deze video niet afspelen.
  </video>
</div>

Have fun.
 
Ik ben weer eens een keer fantastisch geholpen door de deskundigen van Helpmij. Jullie zouden eigenlijk een soort beloning moeten krijgen voor elke tevreden 'vraagsteller'!! Maar ja, dat zal wel een idee blijven. Ik zal weer een keer doneren......

Maar... alles werkt perfect! Echt knap dat je dat je dat allemaal weet. Complimenten! Ik moet nog wel even met de controlls stoeien, maar dat is ook leuk om te doen.

Klein vraagje nog als het mag: Kan ik ongestraft alle 'embed'-codes vervangen door: (dat wordt dan wel een flinke zoek/vervang actie. Ik heb zo'n 150 pagina's!)
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">

En is er 'technisch' iets op tegen om alles te vervangen door HTML5 codes? Wellicht dat oudere browsers het er dan moeilijk mee krijgen?

Nogmaals dank voor alle moeite...

Groet George
 
Laatst bewerkt:
Top gedaan :thumb: bij mij werkt het ook. In deze NL statistiek is te zien dat je geen rekening hoeft te houden met oude html4 browsers. Het is "technisch" juist een pre als je de pagina's overzet naar htnl5 en ik geloof graag dat dit een grote klus is (nodige keren gedaan met correcties waar nodig).

In de html van Neanderthal is het begin niet helemaal juist. dit zou moeten zijn:
Code: 
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Homo Sapiens Sapiens</title>
<meta name="description" content="Oud skelet gevonden van Neanderthal">
<link rel="alternate" type="application/rss+xml" title="Lucy Online - RSS" href="http://www.lucyonline.nl/rss/rss.xml">
<link rel="stylesheet" href="../css/styleLucy.css">
<script src="../javascript/popupScript.js"></script>
</head>
<body>
<div style="text-align:center;">
<img src="../plaatjes/banners/evolutiebanner/evolutiebanner.jpg" alt="Evolutiebanner" width="815" height="160" class="rand" />
</div>
<br />
<!-- begin allwebmenus linking code for lucy -->
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="lucy",awmBN="908";</script>
<script type="text/javascript" src="../lucy.js"></script>
<script type="text/javascript">awmBuildMenu();</script>
<!-- end allwebmenus linking code for lucy -->
<br />
<h2 style="text-align:center;"><img src="../plaatjes/banners/neanderthaler.jpg" alt="Neanderthaler" width="254" height="31" /></h2>
<hr />
<h5 style="text-align:center;"><img src="plaatjes/neanderthaler-banner.jpg" alt="Neanderthaler" width="725" height="114" class="rand" /></h5>
<br /><br />
<h5>Bron banner: www.archchannel.de</h5>

Als je pagina's gaat aanpassen, dan gaat het om 3 dingen:
html regels boven in de code goed zetten, de <embed> vervangen, en testen ;)

Have fun.

*** edit
Op website Can I Use kan je altijd controleren of de gekozen html of css werkt bij bepaalde browsers. De historie op deze website gaat uiteraard niet heel ver terug. Op deze website vind je het browserversie gebruik (tabel is wereldwijd meting)
 
Laatst bewerkt:
Heel attent dat je de moeite neemt om mij nog aanvullende info te geven.

Tsja, ik ben al zo'n 20 jaar met mijn website bezig, ooit begonnen met notepad, en inmiddels weer zo'n 10 jaar met Dreamweaver. Met name in het begin heb ik er een rommeltje van gemaakt. Als ik de codes ga controleren, dan barst het werkelijk van de fouten. Ooit heb ik een poging ondernomen, maar er zitten gewoon te veel fouten in. Dus ik laat het maar zo. Het is tenslotte maar een amateur-dingetje. Ik heb wel de css aardig op orde, denk ik!

Ik heb natuurlijk wel grotendeels je adviezen opgevolgd:

Zo heb ik toegevoegd:
<meta http-equiv="X-UA-Compatible" content="IE=edge"> Dit kan ik dus bij het zoeken vervangen mooi meenemen.

Ook heb ik een aantal andere adviezen verwerkt, zoals <div align="center"> veranderd naar <div style="text-align:center;">
maar ja, dan zou ik dat overal moeten doen, en dat is (zoals eerder aangegeven) nogal een klus.

En... als ik dit weg haal <div class = 'mijntekstDiv'> dan, gaat mijn lay-out rare dingen doen, wordt dan schermvullend. staat ergens in de css, maar zal ook wel weer niet helemaal kloppen.

Code: 
div.mijntekstDiv {
    background : #efe9d0; /* kleur achtergrond middendeel*/
    padding : 15px; /* middendeel vergroten/verkleinen*/
    border : 1px solid #8A643F; /* bruine rand om middendeel */
    margin-left  : auto; /* ruimte links rechts vergroten/verkleinen */
    margin-right : auto;
    min-width    : 500px; /* minimale breedte middendeel*/
    max-width    : 900px; /* maximale breedte middendeel*/

En 'Can I use' heb ik bekeken en bewaard; is interessant, maar eerlijk gezegd denk ik dat dit meer info is voor deskundigen zoals jij!

Nogmaals veel dank voor de tijd en moeite die je eraan besteed hebt!!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan