I have two sites and I tried to set them equally. On one site I can see video when I click on it, but when I click on the video on the other site, the download dialog pops up and “lightbox” is empty.
The result iframe from working site:
<iframe class="mfp-iframe" src="http://mypage.eu/wp-content/grand-media/video/video.mp4" frameborder="0" allowtransparency="true" allowfullscreen="">
#document
<html>
#shadow-root
<shadow>
<head>
<body>
</shadow>
<style></style>
<head>
<meta name="viewport" content="width=device-width">
</head>
<body style="margin: 0px;">
<video controls="" autoplay="" name="media">
<source src="http://mypage.eu/wp-content/grand-media/video/video.mp4" type="video/mp4">
</video>
</body>
</html>
</iframe>
The result iframe from not working site (video wants to download):
<iframe class="mfp-iframe" src="http://mypage.eu/wp-content/grand-media/video/video.mp4" frameborder="0" allowtransparency="true" allowfullscreen="">
#document
<html>
<head></head>
<body></body>
</html>
</iframe>
I use the same computer and same browser (Google Chrome).
Does anybody know where I should look? I have the same WordPress version and same plugins on both sites.