如何通过url在前台帖子中嵌入YouTube视频

时间:2014-05-07 作者:poonam

我想嵌入视频(&A);通过在我的wordpress网站中输入url获取图像。在WordPress repsitory中有许多通过url嵌入视频的插件,但在我的网站中,我想从前端启用此功能。注册用户可以输入url,此视频将在帖子中显示。我怎样才能做到这一点。

2 个回复
SO网友:jgraup

Wordpress支持很多embeds 包括YouTube自WordPress 2.9.

要在任何地方渲染,只需通过the_content 过滤器,它应该自动转换URL。

$oembedContent = apply_filters( \'the_content\', $basicContent );
如果默认设置不能满足您的需要,您可以使用wp_oembed_add_provider( $format, $provider, $regex ) 或者使用添加未启用oEmbed的站点wp_embed_register_handler( $id, $regex, $callback, $priority ). GenerateWP 包括用于生成add\\u提供程序代码的部分。

要测试它们,请通过运行urlwp_oembed_get()

$embed_code = wp_oembed_get( $url, $args ); 
并使用oembed_dataparse. 有一个很好的例子oembed_dataparselorut 使一些视频嵌入响应。

// Hook onto \'oembed_dataparse\' and get 2 parameters
add_filter( \'oembed_dataparse\', \'responsive_wrap_oembed_dataparse\', 10, 2 );



function responsive_wrap_oembed_dataparse( $html, $data ) {
    // Verify oembed data (as done in the oEmbed data2html code)
    if ( ! is_object( $data ) || empty( $data->type ) ) {
        return $html;
    }

    // Verify that it is a video
    if ( ! ( $data->type == \'video\' ) ) {
        return $html;
    }

    // Calculate aspect ratio
    $ar = $data->width / $data->height;

    // Set the aspect ratio modifier
    $ar_mod = ( abs( $ar - ( 4 / 3 ) ) < abs( $ar - ( 16 / 9 ) ) ? \'embed-responsive-4by3\' : \'embed-responsive-16by9\' );

    // Strip width and height from html
    $html = preg_replace( \'/(width|height)="\\d*"\\s/\', "", $html );

    // Return code
    return \'<div class="embed-responsive \' . $ar_mod . \'" data-aspectratio="\' . number_format( $ar, 5, \'.\' ) . \'">\' . $html . \'</div>\';
}
WordPress 4.4引入了oEmbed discovery 允许嵌入WP链接。amaze.website 写了一篇关于如何使用embed_headembed_footer.

// Add custom footer after embed links preview
add_action( \'embed_footer\', \'embed_custom_footer_line\' );   
function embed_custom_footer_line(){ ?>
    <div id="custom-embed-footer">
        <h3>Our custom Footer line!</h3>
    </div>
<?php }

SO网友:totels

我还没有使用过任何前端提交插件,但周围有不少不错的插件。WPMU最近发表了一篇文章:http://premium.wpmudev.org/blog/wordpress-post-frontend-plugins/

我最近没有审查社区指南,但我认为请求插件建议实际上可能与这里的主题无关。

结束

相关推荐

Media Manager(3.5版):如何在创建媒体框时显示空的媒体库?

有没有办法确保“媒体库”选项卡在我开始在“上载文件”选项卡中上载一些图像之前不会显示任何图像?我正在创建wp。具有以下代码的媒体框:var myframe = wp.media({ title : \'Bla Bla\', frame : \'select\', library: { //query : false, // not working type : \'image\', },&#x