jwplayer 6 integration with cumulusclips

Hi.. i am trying to integrate jwplayer6 with cumulusclips.. i followed this guide:
http://cumulusclips.org/forums/index.php?p=/discussion/288/how-to-set-up-jwplayer-6-solved

i am using default theme. so i don't find play.tpl i edited play.phtml in default theme folder
when i load the player in browser i am geting this error: http://i.imgur.com/nEcHmUb.png
anyone please help
thank u :)
Capture.PNG
597 x 334 - 6K

Comments

  • The document you referenced is a very old 2013 document and applied to the v1 branch of CC and not necessarily to the v2 branch.

    I haven't done this procedure myself so I can't say that with a 100% certainty, but it's an educated guess and if it were me I wouldn't go by that document.

    I am curious; what is so much better about jwplayer?
  • hi GreenMotion
    sorry i dont know that is old guide.. i am trying with that guide :P
    i want to get jwplayer cause people can easily save my videos by right clicking on the default player.. can u please share me your play.phtml and embed.phtml it will help me alot
    sorry for my bad english
    thanks :)
  • edited December 2015
    I am sorry, my installation still uses the default videojs player so my play.html would be of no use to you.

    However, I did implement a "download" tab under the video so that people can download the actual mp4 files.

    Change this:

    <!-- BEGIN Action Buttons -->
    <div class="tabs">
    <a href="" data-block="about" title="<?=Language::getText('about')?>"><?=Language::getText('about')?></a>
    <a href="" data-block="share" title="<?=Language::getText('share')?>"><?=Language::getText('share')?></a>
    <a href="" data-block="addToPlaylist" title="<?=Language::getText('add')?>"><?=Language::getText('add')?></a>
    <a href="" class="flag" data-type="video" data-id="<?=$video->videoId?>" title="<?=Language::getText('flag')?>"><?=Language::getText('flag')?></a>
    <!-- END Action Buttons -->


    To this:

    <!-- BEGIN Action Buttons -->
    <div class="tabs">
    <a href="" data-block="about" title="<?=Language::getText('about')?>"><?=Language::getText('about')?></a>
    <a href="" data-block="share" title="<?=Language::getText('share')?>"><?=Language::getText('share')?></a>
    <a href="" data-block="addToPlaylist" title="<?=Language::getText('add')?>"><?=Language::getText('add')?></a>
    <a href="" class="flag" data-type="video" data-id="<?=$video->videoId?>" title="<?=Language::getText('flag')?>"><?=Language::getText('flag')?></a>
    <a href="" data-block="download" title="download">Download</a>
    </div>
    <!-- END Action Buttons -->



    Change this:


    <div id="about" class="tab_block">
    <?php $avatar = $this->getService('User')->getAvatarUrl($member); ?>
    <img width="65" height="65" src="<?=($avatar) ? $avatar : $this->options->themeUrl . '/images/avatar.gif'?>" alt="<?=$member->username?>" />
    <div>
    <a href="" class="button_small subscribe" title="<?=Language::getText($subscribe_text)?>" data-type="<?=$subscribe_text?>" data-user="<?=$video->userId?>"><?=Language::getText($subscribe_text)?></a>
    <p><strong><?=Language::getText('by')?>:</strong> <a href="<?=HOST?>/members/<?=$member->username?>/" title="<?=$member->username?>"><?=$member->username?></a></p>
    <p><strong><?=Language::getText('date_uploaded')?>:</strong> <?=date('m/d/Y', strtotime($video->dateCreated))?></p>
    <p><strong><?=Language::getText('tags')?>:</strong>
    <?php foreach ($video->tags as $value): ?>
    <a href="<?=HOST?>/search/?keyword=<?=$value?>" title="<?=$value?>"><?=$value?></a>&nbsp;&nbsp;
    <?php endforeach; ?>
    </p>
    </div>
    <p><?=$video->description?></p>
    </div>


    To this:


    <div id="about" class="tab_block">
    <?php $avatar = $this->getService('User')->getAvatarUrl($member); ?>
    <img width="65" height="65" src="<?=($avatar) ? $avatar : $this->options->themeUrl . '/images/avatar.gif'?>" alt="<?=$member->username?>" />
    <div>
    <a href="" class="button_small subscribe" title="<?=Language::getText($subscribe_text)?>" data-type="<?=$subscribe_text?>" data-user="<?=$video->userId?>"><?=Language::getText($subscribe_text)?></a>
    <p><strong><?=Language::getText('by')?>:</strong> <a href="<?=HOST?>/members/<?=$member->username?>/" title="<?=$member->username?>"><?=$member->username?></a></p>
    <p><strong><?=Language::getText('date_uploaded')?>:</strong> <?=date('m/d/Y', strtotime($video->dateCreated))?></p>
    <p><strong><?=Language::getText('tags')?>:</strong>
    <?php foreach ($video->tags as $value): ?>
    <a href="<?=HOST?>/search/?keyword=<?=$value?>" title="<?=$value?>"><?=$value?></a>&nbsp;&nbsp;
    <?php endforeach; ?>
    </p>
    </div>
    <p><?=$video->description?></p>
    </div>

    <div id="download" class="tab_block">
    <div>
    <a href="<?=$config->mobileUrl?>/<?=$video->filename?>.mp4?download" class="button_small" title="480p">480p</a>
    &nbsp;

    <a href="<?=$config->h264Url?>/<?=$video->filename?>.mp4?download" class="button_small" title="720p">720p</a>
    &nbsp;
    </div>
    </div>


    Then add this to your .htaccess:


    RewriteCond %{QUERY_STRING} download
    RewriteRule .*\.mp4 - [T=application/octet-stream]

  • hi your code working great :)
    http://i.imgur.com/JDdPmth.png
    i want to disable right click on player but not on complete page how can i do it
    please..
    thank u
  • cumulusclips really rocks before i tryed many video hosting scripts but they have lot of bugs and lack of support.. i installed cumulusclips very easy and fast.. without any errors.. thanks for giving us such a great script for free :)
  • To disable rightclick,

    Change this:


    <video class="video-js vjs-default-skin" data-setup='{ "controls": true, "autoplay": true, "preload": "auto" }' width="600" height="337" poster="<?=$config->thumbUrl?>/<?=$video->filename?>.jpg">


    to this:


    <video oncontextmenu="return false;" class="video-js vjs-default-skin" data-setup='{ "controls": true, "autoplay": true, "preload": "auto" }' width="600" height="337" poster="<?=$config->thumbUrl?>/<?=$video->filename?>.jpg">
  • To disable rightclick,

    Change this:


    <video class="video-js vjs-default-skin" data-setup='{ "controls": true, "autoplay": true, "preload": "auto" }' width="600" height="337" poster="<?=$config->thumbUrl?>/<?=$video->filename?>.jpg">


    to this:


    <video oncontextmenu="return false;" class="video-js vjs-default-skin" data-setup='{ "controls": true, "autoplay": true, "preload": "auto" }' width="600" height="337" poster="<?=$config->thumbUrl?>/<?=$video->filename?>.jpg">
  • thank you working perfectly :)
This discussion has been closed.