Support » Plugin: WORDPRESS VIDEO GALLERY » Volume control, play button and progress bar are not showing

Viewing 6 replies - 1 through 6 (of 6 total)
  • Go to admin -> Video Gallery -> Settings -> Find “Skin Visible” and enable the option and check.

    Thread Starter The Choice

    (@ihaider)

    Thanks,

    Couple of issues with dailymotion videos on ipad. Either videos are showing blank or giving the message ” download the dailymotion app for ipad” within the video.

    Footer Tags Cloud widget not showing any tags under footer area. Any idea?

    Is there any button / plugin to add to the single video post so that user can send the broken video link or report the problem with the post?

    Is there anyway to add share buttons “linkedin and reddit” with other buttons e.e. facebook, google + twitter etc.

    Thanks in advance

    1) Check the respective dailymotion video from dailymotion.com site in mobile device. If it is working fine, then share the dailymotion video URL. If it is not working then the video may be set as private.
    2) Currently the tags are not integrated with tag cloud widget and you need to customize the plugin to support it.
    3) By default we have don’t have report video option in our plugin and we have integrated this feature in our upcoming package. Currently our next version is under testing and once we completed you can get our latest package in wordpress.org.
    4) Yes you can. Open \wp-content\plugins\contus-video-gallery\front\views\videoshortcode.php file and find fbshare. Here you can add linkedin and reddit button.

    Thread Starter The Choice

    (@ihaider)

    4) Yes you can. Open \wp-content\plugins\contus-video-gallery\front\views\videoshortcode.php file and find fbshare. Here you can add linkedin and reddit button.

    Would you mind please sharing the code for “linkedin, reddit, trumblr and stumbleupon here so that other users, if interested, can take benefit from it.

    Thread Starter The Choice

    (@ihaider)

    1) Check the respective dailymotion video from dailymotion.com site in mobile device. If it is working fine, then share the dailymotion video URL. If it is not working then the video may be set as private.

    Here is the link where dailymotion is giving the message (viewing with ipad) “download the dailymotion app for ipad” within the video.
    http://tv.thechosenone.info/videogallery/hurray-for-baba-ali-season-1285422843/
    Also, MP4 videos are not stretching to video window size when viewing with IPAD. here is the link
    http://tv.thechosenone.info/videogallery/pray-as-you-have-seen-me-pray83873873/

    Thanks in advance.

    1)For dailymotion video in mobile device, open \wp-content\plugins\contus-video-gallery\front\views\videoshortcode.php and find “dailymotion”. You can find the following code $video = $videourl;. Now replace with the below code and check.

    $split = explode("/", $videourl);
    $split_id = explode("_", $split[4]);
    $video = $previewurl = 'http://www.dailymotion.com/embed/video/' . $split_id[0];

    2) For player not adjust with the window screen, find class="player" in the same file and replace with class="player videoplayer". Now open \wp-content\plugins\contus-video-gallery\css\style.css and add the following code at the end of the file.

    .videoplayer {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
    }
    .videoplayer iframe,
    .videoplayer object,
    .videoplayer video,
    .videoplayer embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    3) For other Social Icons in video detail page, find class="video-socialshare" in the same file. Now replace the $output variable with the following code.

    $reditLocation = "window.location = 'http://www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false";
    				$tumblrEmbedCode = '<a href="http://www.tumblr.com/share/link?url=' . urlencode($current_url) . '&name=' . urlencode($video_title) . '&description=' . urlencode($videodescription) . '" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:url(http://platform.tumblr.com/v1/share_4.png) top left no-repeat transparent;">Share on Tumblr</a><script src="http://platform.tumblr.com/v1/share.js"></script>';
    				$stumbleUpon = '<su:badge layout="3"></su:badge><script type="text/javascript">  (function() { var li = document.createElement("script"); li.type = "text/javascript"; li.async = true; li.src = ("https:" == document.location.protocol ? "https:" : "http:") + "//platform.stumbleupon.com/1/widgets.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(li, s); })();</script>';
    				$output .= '<!-- Facebook share Start -->
                                            <div class="video-socialshare">
                                            <div class="floatleft" style=" margin-right: 9px; ">' . $tumblrEmbedCode . '</div>
                                            <div class="floatleft" style=" margin-right: 9px; ">' . $stumbleUpon . '</div>
                                            <div class="floatleft" style=" margin-right: 9px; "><script src="//platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script><script type="IN/Share" data-url="' . $current_url . '" data-counter="right"></script></div>
                                			<div class="floatleft" style=" margin-right: 9px; "><a href="http://www.reddit.com/submit" onclick="' . $reditLocation . '"> <img src="http://www.reddit.com/static/spreddit7.gif" alt="submit to reddit" border="0" /> </a></div>
                                            <div class="floatleft" style=" margin-right: 9px; "><a href="' . $url_fb . '" class="fbshare" id="fbshare" target="_blank" ></a></div>
                                            <!-- Facebook share End and Twitter like Start -->
                                            <div class="floatleft ttweet" ><a href="https://twitter.com/share" class="twitter-share-button" data-url="' . $current_url . '" data-via="' . $blog_title . '" data-text="' . $video_title . '">' . __ ( 'Tweet', 'video_gallery' ) . '</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
                                            <!-- Twitter like End and Google plus one Start -->
                                            <div class="floatleft gplusshare" ><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><div class="g-plusone" data-size="medium" data-count="false"></div></div>
                                            <!-- Google plus one End -->
                                            </div>';
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Volume control, play button and progress bar are not showing’ is closed to new replies.