小编Eri*_*ood的帖子

我正在开发一个使用Fancybox显示单个HTML5视频以及HTML5视频库的项目.

对于单个视频,我希望在Fancybox中打开视频后立即自动播放视频,然后在视频播放完毕后关闭Fancybox.

对于图库中的视频,我想在Fancybox中打开视频时自动播放视频,在视频播放完毕后前进到下一个图库项目,如果用户导航,则暂停当前视频/自动播放下一个/上一个视频画廊.

我在这里包含了一个codepen:http://codepen.io/ericjacksonwood/pen/kXKkaq/ ,其中包括我尝试使用Fancybox的"afterLoad"功能的几个尝试:

// Attempt 01      
$(".fancybox-video").find('video').play();

// Attempt 02
$(".fancybox-video").find('video').attr('autoplay','autoplay');

// Attempt 03
var vid = document.getElementsByClassName("fancybox-video"); 
function playVid() { 
    vid.play(); 
}

任何帮助,将不胜感激!谢谢.

--------编辑--------

codepen已更新并且工作正常.

我有一个活动日历，在顶行显示一周中的所有日子。日历本身是响应式的，但是当它针对移动设备缩小时，一周中的日子会延伸到它们的框之外，并且彼此重叠\xe2\x80\x93，这也会造成一些宽度溢出。

我想使用 jQuery 将在移动设备上查看时的“Sunday”更改为“S”，但我不知道如何去做。

使用“.replaceWith”命令，我已经设法让它的一部分工作。我只是不知道如何根据浏览器宽度触发这个脚本。

这是到目前为止我的代码：

$(window).resize(function() {\n    if ($(window).width() < 950) {\n        $( "div.sunday" ).replaceWith( "S" );\n        $( "div.monday" ).replaceWith( "M" );\n        $( "div.tuesday" ).replaceWith( "T" );\n        $( "div.wednesday" ).replaceWith( "W" );\n        $( "div.thursday" ).replaceWith( "T" );\n        $( "div.friday" ).replaceWith( "F" );\n        $( "div.saturday" ).replaceWith( "S" );\n    }\n}\n

这是小提琴： http: //jsfiddle.net/CN8Gs/1/

我有一个“即将发生的事件”页面和一个“过去的事件”页面。每个事件都有一个名为“event_date”的自定义字段。

我想创建一个循环来显示所有比今天更大的事件。我已经浏览了这些文章，但无法让它工作：http : //support.advancedcustomfields.com/forums/topic/how-do-i-filter-and-sort-event-posts-with -开始和结束日期/

https://wordpress.org/support/topic/plugin-advanced-custom-fields-sorting-by-date-picker

wordpress 高级自定义字段按日期选择器排序帖子

根据我在上面三个链接中收集的内容，我会将其放在我的 functions.php 文件中：

    // CREATE UNIX TIME STAMP FROM DATE PICKER
function custom_unixtimesamp ( $post_id ) {
    if ( get_post_type( $post_id ) == 'event_type' ) {
    $event_date = get_post_meta($post_id, 'event_date', true);

        if($event_date) {
            $dateparts = explode('/', $event_date);
            $newdate1 = strtotime(date('d.m.Y H:i:s', strtotime($dateparts[1].'/'.$dateparts[0].'/'.$dateparts[2])));
            update_post_meta($post_id, 'unixstartdate', $newdate1  );
        }
    }
}
add_action( 'save_post', 'custom_unixtimesamp', 100, 2);

然后我会在我的页面模板中添加这样的内容：

<?php 
$today = time();
$args = array(
        'post_type' => 'event_type',
        'posts_per_page' => 5,
        'meta_query' => array( …