Navigation Menu problem with embeded video

@kskerp
I don’t think this issue is specific to this theme. Try changing to the default theme and see if problem persists.

But anyway, maybe you can post the url showing the issue. It would be difficult to help without seeing the actual page. Maybe increasing z-index for the menu while decreasing it for the video would do the trick.

hmm I cant post the url showing the issue. As mentioned above the videos I use are locally stored. The wordpress site itself is stored on the local intranet. Nothing I have can be viewed by anyone outside this office.

I have deactivated all video plugins and have been trying to use various <object> and <embed> calls. I can get video to display and play great, the issue is that it always interferes with the navigation panel.

<object type=”video/x-ms-wmv” data=”wp-content/images/video-please-work.wmv” width=”320″ height=”255″>
<param name=”src” value=”data/test.wmv”>
<param name=”autoStart” value=”0″>
<param name=”wmode” value=”transparent”>
</object>

That is one of the calls I have tried. The video itself worked great; however, the navigation panels would disappear behind the embedded video.

I am very surprised that no one else has experienced this issue. I read through numerous posts making reference to the wmode and z-index. If someone has had a similar problem, any information would be greatly appreciated.

P.S. I have also tried with mp4 videos. If someone has a working solution with another video type, I am all for converting the video as long as I can get it to work correctly.

@kskerp
Check this video sample. Embedded using a simple html5 video tag.
https://ronangelo.com/sample-page/

<video src="https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" controls ></video>

No z-index or any css modifications added and it works properly with the drop-down menu displaying correctly. So I’m quite sure the issue is not related to the theme itself (unless you edited the theme files yourself). You could try embedding your videos similar to the code above.

Yes that worked great! Thank you so much!

I was trying to use the intranet web address: wp-content/videos/test-video.mp4

however, strangely enough the forward slashes: wp-content\videos\test-video.mp4 – worked like a charm!

I think the fact that this wordpress site is on a local intranet may be causing this? What is weird is that for images (pdf / jpegs), the backslash address works great:
wp-content/videos/test-image.jpg

Thought I would post this back incase anyone else had a similar error to mine.

Thanks again!
-Kevin

does anyone have a solution for a top nav being blocked by a pdf?

https://biozphilly.org/about-the-shul/board-member-information/

cannot seem to find a workable solution.

thanks,
Jeremy

Basically what I discovered was embedding pdf’s would cause this occur, other file types would work well with the navigation panel. The only workaround I could use was changing the pdf file type or using the attribute – target = “_blank” — in order to have the pdf open on a separate page. Sorry if this is not a big help. I could not find a solution that would fix the navigation panel with a straight embed=pdf.