html - Wordpress 菜单项视频灯箱

标签 html css wordpress video lightbox

我想在我的 wordpress 主菜单中添加一个按钮。当有人点击它时。 它将启动一个灯箱并播放来自 youtube 的视频。

现在我正在考虑两种可能的方法。

1st 在所有内容之上添加一个新的 div,带有“播放”按钮的图片,当有人单击此按钮开始播放灯箱中的视频时(来自某些插件)

或者反过来,如果可能的话,添加一个新的菜单项(用图片而不是文字,当有人点击这个主菜单项时,灯箱会再次出现在视频中。有没有人做过类似的事情?

提前谢谢你。

最佳答案

根据您的要求进行修改,此代码应在您的菜单中添加一个播放图标作为最后一个按钮,您必须使用您的 theme_location 更改“main”

function addPlayMenuLink($menuItems, $args)
     {
            if('main' == $args->theme_location)
            {
            $class = 'fancybox';
            $url = 'your video url'

            $playMenuItem = '<li>' . $args->before . '<a class="'.$class.'href="' . $url . '" title="play">' . $args->link_before . '<img src= add your play img path />' . $args->link_after . '</a>' . $args->after . '</li>';
            $menuItems = $menuItems . $playMenuItem;
    }
    return $menuItems;
}
add_filter( 'wp_nav_menu_items', 'addPlayMenuLink', 10, 2 );

关于html - Wordpress 菜单项视频灯箱,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25333064/

相关文章:

javascript - 多次追加加载的 HTML

html - 重置按钮的作用类似于提交按钮

java - 在文件内排序

android - phonegap android 应用程序页面导航期间的转换

javascript - 为什么我的 Bootstrap 3 轮播出现这种行为?

php - 如何在自定义 PHP 文件中包含 Wordpress 帖子?

html - 带文字的居中图像

javascript - 当鼠标悬停在该行的任意位置时,我可以使 TableRow 列中的图标改变颜色吗?

html - CSS 样式按钮

php - 如何在 html/php 页面中显示来自 WordPress 博客的帖子图像