?>
">
<source type="video/webm" src="<?php
echo esc_url($source_code);
?>
" />
</video>
<?php
wp_enqueue_style('tmm_mediaelement');
wp_enqueue_script('mediaelement');
break;
default:
$cover = isset($cover_id) && has_post_thumbnail($cover_id) ? TMM_Content_Composer::get_post_featured_image($cover_id, '') : '';
if (!empty($cover)) {
?>
<img src="<?php
echo TMM_Content_Composer::resize_image_cover($cover, $image_size);
?>
" alt="<?php
_e('Unsupported video format', TMM_CC_TEXTDOMAIN);
?>
" />
<?php
} else {
_e('Unsupported video format', TMM_CC_TEXTDOMAIN);
}
break;
}
?>
</div>
public static function display_rowbg_video($video_options)
{
if (TMM_Layout_Constructor::check_user_agent('mobile')) {
if (isset($video_options['bg_cover']) && !empty($video_options['bg_cover'])) {
?>
<div style="<?php
echo !empty($video_options['bg_cover']) ? 'background-image: url(' . $video_options['bg_cover'] . ');' : '';
?>
" class="full-bg-image full-bg-image-scroll"></div>
<?php
}
} else {
if (isset($video_options['video_url']) and !empty($video_options['video_url'])) {
$mute = $video_options['mute'] ? 1 : 0;
$loop = $video_options['loop'] ? 1 : 0;
switch ($video_options['video_type']) {
case 'youtube':
$source_code = explode("?v=", $video_options['video_url']);
$source_code = explode("&", $source_code[1]);
if (is_array($source_code)) {
$source_code = $source_code[0];
}
?>
<div class="mb-wrapper">
<div id="ytplayer" class="fitwidth"></div>
</div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player,
playerVars,
loop = <?php
echo $loop;
?>
;
if (loop){
playerVars = {'autoplay': 1, 'controls': 0, 'wmode':'transparent', 'loop': true, 'playlist': '<?php
echo $source_code;
?>
', 'showinfo': 0 }
} else {
playerVars = {'autoplay': 1, 'controls': 0, 'wmode':'transparent', 'showinfo': 0 }
}
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
playerVars: playerVars,
videoId: '<?php
echo $source_code;
?>
',
height: '100%',
width: '100%',
events: {
'onReady': onPlayerReady
}
});
}
function onPlayerReady(event) {
var mute = <?php
echo $mute;
?>
;
if (mute == 1){
event.target.mute();
jQuery('.bt_mute').attr({'data-click': 'unMute'});
jQuery('.icon-volume-off').parent('span').hide();
jQuery('.icon-volume-up').parent('span').show();
}else{
jQuery('.icon-volume-off').parent('span').show();
jQuery('.icon-volume-up').parent('span').hide();
}
jQuery('.video_control_panel').show();
jQuery('.icon-play').parent('span').hide();
jQuery('.icon-pause-2').parent('span').show();
jQuery('.bt_play').on('click', function(){
var $this = jQuery(this),
attrclick = $this.attr('data-click');
if (attrclick == 'play'){
$this.attr({'data-click': 'pause'});
player.playVideo();
jQuery('.icon-play').parent('span').hide();
jQuery('.icon-pause-2').parent('span').show();
}else{
$this.attr({'data-click': 'play'});
player.pauseVideo();
jQuery('.icon-play').parent('span').show();
jQuery('.icon-pause-2').parent('span').hide();
}
return false;
});
jQuery('.bt_mute').on('click', function(){
var $this = jQuery(this),
attrclick = $this.attr('data-click');
if (attrclick == 'mute'){
$this.attr({'data-click': 'unMute'});
player.mute();
jQuery('.icon-volume-off').parent('span').hide();
jQuery('.icon-volume-up').parent('span').show();
}else{
$this.attr({'data-click': 'mute'});
player.unMute();
jQuery('.icon-volume-off').parent('span').show();
jQuery('.icon-volume-up').parent('span').hide();
}
return false;
});
}
</script>
<?php
break;
case 'vimeo':
$source_code = explode("/", $video_options['video_url']);
if (is_array($source_code)) {
$source_code = $source_code[count($source_code) - 1];
}
?>
<div class="mb-wrapper">
<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>
<iframe id="vimeo_player" src="http://player.vimeo.com/video/<?php
echo $source_code;
?>
?api=1&loop=<?php
echo $loop;
?>
&player_id=vimeo_player&autoplay=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div><!--/ .mb-wrapper-->
<script>
(function($) {
$(function() {
var iframe = $('#vimeo_player')[0];
var player = $f(iframe);
var status = $('.status');
var mute = <?php
echo $mute;
?>
;
// When the player is ready, add listeners for pause, finish, and playProgress
player.addEvent('ready', function() {
if (mute == 1){
player.api('setVolume', '0');
$('.bt_mute').attr({'data-click': 'unMute'});
jQuery('.icon-volume-off').parent('span').hide();
jQuery('.icon-volume-up').parent('span').show();
}else{
jQuery('.icon-volume-off').parent('span').show();
jQuery('.icon-volume-up').parent('span').hide();
}
});
jQuery('.icon-play').parent('span').hide();
jQuery('.icon-pause-2').parent('span').show();
jQuery('.video_control_panel').show();
$('.bt_play').on('click', function() {
var $this = $(this),
attrclick = $(this).attr('data-click');
if (attrclick == 'play'){
$this.attr({'data-click': 'pause'});
player.api('play');
jQuery('.icon-play').parent('span').hide();
jQuery('.icon-pause-2').parent('span').show();
}else{
$this.attr({'data-click': 'play'});
player.api('pause');
jQuery('.icon-play').parent('span').show();
jQuery('.icon-pause-2').parent('span').hide();
}
return false;
});
$('.bt_mute').on('click', function() {
var $this = $(this),
attrclick = $(this).attr('data-click');
if (attrclick == 'mute'){
$this.attr({'data-click': 'unMute'});
player.api('setVolume', '0');
jQuery('.icon-volume-off').parent('span').hide();
jQuery('.icon-volume-up').parent('span').show();
}else{
$this.attr({'data-click': 'mute'});
player.api('setVolume', '1');
jQuery('.icon-volume-off').parent('span').show();
jQuery('.icon-volume-up').parent('span').hide();
}
return false;
});
});
})(jQuery);
</script>
<?php
break;
case 'mp4':
?>
<div class="mb-wrapper" data-mute="<?php
echo $mute;
?>
" data-loop="<?php
echo $loop;
?>
">
<video id="example_video" class="" width="100%" height="100%" >
<source src="<?php
echo $video_options['video_url'];
?>
" type='video/mp4' />
</video>
</div>
<?php
wp_enqueue_script('mediaelement');
break;
case 'ogv':
?>
<div class="mb-wrapper" data-mute="<?php
echo $mute;
?>
" data-loop="<?php
echo $loop;
?>
">
<video id="example_video" class="" width="100%" height="100%" >
<source src="<?php
echo $video_options['video_url'];
?>
" type='video/ogg' />
</video>
</div>
<?php
wp_enqueue_script('mediaelement');
break;
case 'webm':
?>
<div class="mb-wrapper" data-mute="<?php
echo $mute;
?>
" data-loop="<?php
echo $loop;
?>
">
<video id="example_video" class="" width="100%" height="100%" >
<source src="<?php
echo $video_options['video_url'];
?>
" type='video/webm' />
</video>
</div>
<?php
wp_enqueue_script('mediaelement');
break;
default:
$cover = $video_options['bg_cover'];
$image_size = "2000*1345";
if (!empty($cover)) {
?>
<div class="full-bg-image full-bg-image-scroll" style="background-image: url('<?php
echo TMM_Content_Composer::resize_image_cover($cover, $image_size);
?>
');"></div>
<?php
} else {
_e('Unsupported video format', TMM_CC_TEXTDOMAIN);
}
break;
}
if (isset($video_options['panel']) && $video_options['panel']) {
TMM_Layout_Constructor::get_video_control_panel();
}
}
}
}
