为啥在 WordPress 的 ajax ServerInterval 升级中交换 video.js 样式？

Posted 2023-05-07

【中文标题】为啥在 WordPress 的 ajax ServerInterval 升级中交换 video.js 样式？

【英文标题】：Why exchanged the video.js style in a ajax ServerInterval upgrade in WordPress?为什么在 WordPress 的 ajax ServerInterval 升级中交换 video.js 样式？

【发布时间】：2013-11-05 18:59:03

【问题描述】：

我有一个 ajax 脚本，它可以在我的博客上获得一篇新文章和更改。

php 部分以此开头：

<?php include($_SERVER["DOCUMENT_ROOT"] . "/wp-blog-header.php"); ?>

另一部分：

 <div id="content" <?php cyberchimps_filter_content_class(); ?>>
        
        <?php do_action( 'cyberchimps_before_content'); ?>
        
        <?php if ( have_posts() ) : ?>
            
            <?php while ( have_posts() ) : the_post(); ?>

                <?php get_template_part( 'content',     get_post_format() ); ?>
                
            <?php endwhile; ?>
            
        <?php elseif ( current_user_can( 'edit_posts' ) ) : ?>

            <?php get_template_part( 'no-results', 'index' ); ?>

        <?php endif; ?>
        
        <?php do_action( 'cyberchimps_after_content'); ?>
        
    </div>      

还有 ajax：

<script>
 (function($) 
    $(document).ready(function() 
      var refreshId = setInterval(function()
      
      $('#content').load('<? echo get_bloginfo('template_directory'); ?>/new.php');
    , 30000);
  );
)(jQuery);

当在 ajax 中刷新页面时（每 30 秒发生一次）video.js 永远不会回来，只是我得到了这个糟糕的播放器：

http://i39.tinypic.com/mmycyd.png

我漂亮的播放器是这样的：

http://i41.tinypic.com/xm6894.png

这是我的网站：neocsatblog.mblx.hu

如何解决这个问题？

【参考方案1】：

您在该页面上的 video.js 不是 video.js 标签所涉及的文件。看起来这就是您要使用的内容，因为您在视频元素上使用了data-setup=""。

将 video.js 脚本和 css 添加到您的页面：

<link href="//vjs.zencdn.net/4.2/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/4.2/video.js"></script>

如果您在页面加载后（例如通过 ajax）向 DOM 添加视频，另请参阅 video.js 文档中的“Alternative Setup for Dynamically Loaded html”。基本上，在添加了<video> 元素之后，做

videojs("your_video_element_id", , function()
  // Player (this) is initialized and ready.
);

【讨论】：

我没有找到“

曲目后面应该有</video>。