Enfold new light box magnific Popup – you tube video URLS

Hi Josue

Great I test that one out!

I have another issue with video not playing in IE8 and IE11

I had a play around with several plugins
Jwplayer
VideoJs
Sublime
all have issues with Flash fall back

Iv’e got a query about the Enfold Built in Avia Layout builder video player
1. Can I add a Poster image
2. Can you re-write the workaround script above to work with standard youtube watch video link – so I can have rel=0

thanks

Hi Josue

the work around is for the lightbox only

currently http://youtube.com/watch?= will not use additional parameters either

I have used a codex [video setup and
On IE 8 your get the splash graphic you can play – however no video just audio
ON IE11 you get a black box and when you click on it you get an error message.
An error occurred, please try again later. Learn More

Hmmm ….

So I have just viewed http://mediaelementjs.com/examples/?name=youtube
on both IE8 and IE11 and everything is fine.

Just wondering if there is a conflict with ENFOLD Avia layout Builder VIDEO element

??

http://wordpress.org/support/topic/36-video-player-not-working-in-ie8

https://kriesi.at/support/topic/video-not-showing-in-ie8/

Hi Peter
Thanks for the response.

Is there away to have that js file read from the child theme ?
or add additional theme update to include video insert features.

While waiting for a response I worked on several solutions

1. A youtube object embed from here ( https://developers.google.com/youtube/youtube_player_demo?hl=fr ) worked fine – but no splash graphic.
2. I created a simple jquery function that on click hides a div with the splash graphic and shows div with Youtube object embed with auto play – worked fine on desktop – but not on iphone
3. Our programmer came up with a this to remove the related videos at then end of the video play. Put this code in your Child themes functions.php file

function remove_related_videos( $html, $url, $args ) {

    if ( strpos( $html, 'youtube.com/embed/' ) !== false ) {
        return str_replace( 'feature=oembed','feature=oembed&rel=0', $html );
    } else {
        return $html;
    }

}
add_filter( 'oembed_result', 'remove_related_videos', 10, 3 );

4. The final solution was a workaround to use a image as a splash have this link to a manual url = youtube?watch that opened in a lightbox. All done with the Avia layout builder. This worked seamlessly across all browsers in IE8 IE11 and mobile devices with the insertion of the code from this forum into my child theme function.php file.

https://kriesi.at/support/topic/youtube-video-not-working-in-ligthbox/#post-288867

Which raises the question…

why would the mediaelement.js work as a video player cross platform in a lightbox – but not as a page element?

Now that I have found a work around solution – I’ve lost interest in hacking away at this – may be there will be an improvement with WordPress 4.0

Updated code to remove related videos at the end of Avia youtube url link

embed_oembed replaced with embed_oembed_html

Add this to your child theme functions.php file.

 function remove_related_videos( $html, $url, $args ) {

    if ( strpos( $html, 'youtube.com/embed/' ) !== false ) {
        return str_replace( 'feature=oembed','feature=oembed&rel=0', $html );
    } else {
        return $html;
    }

}
add_filter( 'embed_oembed_html', 'remove_related_videos', 10, 3 );