-
Hi,
I’m using the Water theme but when i check the other demo theme’s i experience the same issue. I’m using Chrome and Internet Explorer.
The problem is that a video, added with the video modal, doesn’t show up completely on the foreground:
I tried resolving this with adding &wmode=opaque or &wmode=transparent to the embed url, but this doesn’t change anything. Tried some z-index changes also.
Took me a lot of time, can’t find the problem. I’m having the same issue with the online demo theme’s (http://preview.themeforest.net/item/farvis-multipurpose-wordpress-theme/full_screen_preview/20896134?_ga=2.102583364.418416075.1540310875-359754156.1540310875).
Hope you can help me,
Thanks in advance,
JustinI’m not sure if my post with only private content is placed correctly, also one more time with a new WordPress password:
Private Content HiddenError: Could not connect to server
Perhaps your hosting provider is blocking my country Belarus .
Thanks
Solved it after a lot of searching and testing.
First i had to add wmode=transparent to the YouTube URL, by adding this code to the footer:
<script type=”text/javascript”>
var frames = document.getElementsByTagName(“iframe”);
for (var i = 0; i < frames.length; i++) {
src = frames[i].src;
if (src.indexOf(’embed’) != -1) {
if (src.indexOf(‘?’) != -1) {
frames[i].src += “&wmode=transparent”;
} else {
frames[i].src += “?wmode=transparent”;
}
}
}
</script>And secondly the z-index of the row where the video modal is placed in has to be set to a higher z-index. Now the video is popping up completely on the foreground.
Problem with YouTube embed in different browsers
This topic is: resolved
Viewing 6 posts - 1 through 6 (of 6 total)