Hi,
Im using ACF 5 and oEmbed field to embed some Vimeo videos.
Videos I need to control over javascript so I need to add param ?api=1 in url so url looks like: http://player.vimeo.com/video/100751417?api=1 but looks like this part is stripped somewhere and it’s not printed out?
Try this, it edits the iframe tag with PHP
<?php
$html = get_field('video');
$dom = new DOMDocument;
$dom->loadHTML($html);
foreach ($dom->getElementsByTagName('iframe') as $item) {
$src = $item->getAttribute('src');
$srcEx = explode('video/', $src);
$item->setAttribute('id', 'v-' . $srcEx[1]);
$item->setAttribute('src', $item->getAttribute('src') . '?api=1&player_id=v-' . $srcEx[1]);
print $dom->saveHTML();
}
?>
You can obviously change the way you assign the ID 😉
Hi @bobz
You could use a preg_replace to find the src=”” part of the embed, and then add in the extra ?api=1 like so:
$value = get_field('video');
$value = preg_replace('/src="(.+?)"/', 'src="$1?api=1"', $value);
Thanks
E
Actually to the code that I found in the documentation for Oembed, I just added
$params = array(
'controls' => 0,
'hd' => 1,
'autohide' => 1,
'autoplay' => 1
);
and it worked perfectly. Maybe you modified this in the code? but this solution its very intuitive and it works good.
Where did you add that code in what file?
Forgot to say I use Timber, and Twig to show the ACF field so that might be an issue anyone knows how to add attributes to that? Also, why don’t the field have attributes field coded in so we can add it in the backend?
Ratatat’s solution worked perfect for me. This is right out of my page template, the oembed is named “video”:
$video = get_field( 'video' );
if ( $video ) {
// Add autoplay functionality to the video code
if ( preg_match('/src="(.+?)"/', $video, $matches) ) {
// Video source URL
$src = $matches[1];
// Add option to hide controls, enable HD, and do autoplay -- depending on provider
$params = array(
'controls' => 0,
'hd' => 1,
'autoplay' => 1
);
$new_src = add_query_arg($params, $src);
$video = str_replace($src, $new_src, $video);
// add extra attributes to iframe html
$attributes = 'frameborder="0"';
$video = str_replace('></iframe>', ' ' . $attributes . '></iframe>', $video);
}
echo '<div class="video-embed">', $video, '</div>';
}
@webthemer – Did you manage to find how to add autoplay for oEmbed with Timber?
Add this to functions.php file:
add_action( 'run_video_embed', 'video_embed' );
function video_embed( $context ) {
$video = get_field( 'media' );
if ( $video ) {
// Add autoplay functionality to the video code
if ( preg_match('/src="(.+?)"/', $video, $matches) ) {
// Video source URL
$src = $matches[1];
// Add option to hide controls, enable HD, and do autoplay -- depending on provider
$params = array(
'controls' => 1,
'hd' => 1,
'fs' => 1,
'rel' => 0,
'modestbranding' => 1,
'autoplay' => 0
);
$new_src = add_query_arg($params, $src);
$video = str_replace($src, $new_src, $video);
// add extra attributes to iframe html
$attributes = 'frameborder="0"';
$video = str_replace('></iframe>', ' ' . $attributes . '></iframe>', $video);
}
echo '<div class="video-embed">', $video, '</div>';
}
}
and add this in Twig
{% do action('run_video_embed') %}
Anyone else doing this experiencing problems with Vimeo oEmbeds? If I have the ‘controls’ parameter set to 0, it just shows a thumbnail background and users can’t view the videos, titles, author, etc… basically it’s just an image at this point.
