How to Extract Youtube Video Values from an image field
2 years 7 months ago - 2 years 7 months ago #80672
by iamrobert
How to Extract Youtube Video Values from an image field was created by iamrobert
I wanted a way to customize the output of a gallery if I load an image or a video from Youtube or Vimeo as I use
plyr
:
You should understand the raw value of a field inside flexicontent templates concept.
To detect a video value use:
To detect an image value use:
as mediaurl only outputs for video.
To extract the video ID for youtube or Vimeo:
Here's the complete code for either Video or Image:
gist.github.com/iamrobert/8dd0339c279bb38066e13086f6f8eaa8
You should understand the raw value of a field inside flexicontent templates concept.
To detect a video value use:
Code:
if ( $v[ 'mediaurl' ] != '' ) {
}
To detect an image value use:
Code:
if ( $v[ 'mediaurl' ] == '' ) {
}
as mediaurl only outputs for video.
To extract the video ID for youtube or Vimeo:
Code:
if ( $v[ 'mediaurl' ] != '' ) {
//GET VIDEO URL
$datavideo = $v[ 'mediaurl' ];
//GET YOUTUBE ID
if ( preg_match( '/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/', $datavideo, $match ) ) {
$datavideo = $match[ 1 ];
$provider = "youtube";
}
//GET VIMEO ID
if ( preg_match( "/(https?:\/\/)?(www\.)?(player\.)?vimeo\.com\/([a-z]*\/)*([0-9]{6,11})[?]?.*/", $datavideo, $output_array ) ) {
$datavideo = $output_array[ 5 ];
$provider = "vimeo";
}
//CREATE MEDIA OBJECT
echo '<li>';
echo '<div class="plyr__video-embed">';
echo '<div data-plyr-provider="' . $provider . '" data-plyr-embed-id="' . $datavideo . '" class="js-player">';
echo '<li>';
}
Here's the complete code for either Video or Image:
gist.github.com/iamrobert/8dd0339c279bb38066e13086f6f8eaa8
Last edit: 2 years 7 months ago by iamrobert.
Please Log in or Create an account to join the conversation.
Time to create page: 0.283 seconds
Last FLEXI-site
... loading images 
