WordPress.org

Forums

Frontier
[resolved] Navigation Menu problem with embeded video (8 posts)

  1. kskerp
    Member
    Posted 1 year ago #

    Hi,

    I have been searching forums on how to fix my error and nothing seems to work.

    I am trying to use the frontier theme for my wordpress site. I am trying to embed video from a locally stored file. My video cannot be published online so an embed that uses published url's will not work for me.

    The problem that arises is when I try to embed a video directly:
    <embed src="video.avi" > (could use any of mp4 / flv / avi)

    The embedded video causes problems with the navigation menu. The dropdown links that bring you from page to page disappear when they come into contact with the embedded video block. I have tried changing the z-index around and wmode="transparent" but have been unsuccessful with getting the desired functionality to work.

    I do not believe I have located the z-index for the embedded video, if anyone has any suggestions or knows which .css menu embedded videos belong to please let me know!

    Thanks for any help!
    -Kevin

  2. ronangelo
    Member
    Theme Author

    Posted 1 year ago #

    @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.

  3. kskerp
    Member
    Posted 1 year ago #

    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.

  4. kskerp
    Member
    Posted 1 year ago #

    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.

  5. ronangelo
    Member
    Theme Author

    Posted 1 year ago #

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

    <video src="http://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.

  6. kskerp
    Member
    Posted 1 year ago #

    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

  7. jmerr59944
    Member
    Posted 1 year ago #

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

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

    cannot seem to find a workable solution.

    thanks,
    Jeremy

  8. kskerp
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.