inferno-prime

according to an article it does have a handle that you choose to set.

Went to the functions file to change the wp_enqueue_script ('name' to something else now I have the new renamed script plus the previous one showing. I did some more research concerning this is the functions file the only place you use the : wp_enqueue_script/styles command for inserting script or styles for wordpress ?

I would like to learn how. Is that alright?

Sorry I meant the javascript. When viewing in the inspect element in firefox it has a name for each script in the head section.

Did some searching on google could not find anything so far. I have a wordpress theme and I would like to change the name of the script id if that won't be to hard.

I encode it as vp8 on my pc first because of the major size difference.

Do you mean these ? -vcodec copy -vb 2k -acodec copy -ar 44100 -f webm

I'm sorry. Please be more straight forward with me in the future. So let me ask how should I go about trying to make sure they are created equal if possible ?

Alright I'll check into it. The weird this is I used another video cms called avideo and the webm played just fine.

Well I just found out some facts. The video does play I tried it on a friends phone and it worked fine. But for some reason on my iphone 5s it won't play. Can I pm you a link to the site to test on your mobile ? Would you be willing to test it ?

I want people to be able to view video from both their desktop and mobile devices. No, I did not. I already tested it too and it works fine for desktop viewing. Have you heard "it is a go no-go situation" before ? It is not working on mobile for some reason when I view it I see the thumbnail but no video plays and I want it to play. I will say it again because I can't stress it enough how much I appreciate your help or anyone's help on the matter.I have started trying to learn php to hopefully help some if any on this or future problems. If you have anymore questions please let me know.

Sorry,no I only want to use webm for both mobile and desktop

This is the page for the mobile theme. <script> cumulusClips.lang.errorComment = <?=json_encode(Language::getText('error_comment'))?>; cumulusClips.lang.reply = <?=json_encode(Language::getText('reply'))?>; cumulusClips.lang.replyTo = <?=json_encode(Language::getText('reply_to'))?>; cumulusClips.videoId = <?=$video->videoId?>; cumulusClips.commentCount = <?=$commentCount?>; </script> <div class="video-player-container block"> <div class="video-player"> <?php if ($video->gated && !$loggedInUser): ?> <img width="100%" height="200" src="<?=$config->thumbUrl?>/<?=$video->filename?>.jpg" alt="" /> <div class="gate"> <p><?=Language::getText('gated_video')?></p> <a class="login-link" href=""><?=Language::getText('login')?></a> <?php if ($config->enableRegistrations): ?> <a href="<?=HOST?>/register/"><?=Language::getText('register')?></a> <?php endif; ?> </div> <?php else: ?> <video width="100%" height="100%" controls poster="<?=$config->thumbUrl?>/<?=$video->filename?>.jpg"> <source src="<?= $config->webmUrl ?>/<?= $video->filename ?>.webm" type="video/webm" /> </video> <?php endif; ?> </div> <h1><?=$video->title?></h1> <div class="play-tabs" data-role="navbar"> <ul> <li><a href="" data-block="about-container" class="ui-btn-active" data-ajax="false"><?=Language::getText('about')?></a></li> <li><a href="" data-block="suggestions-container" data-ajax="false"><?=Language::getText('suggestions')?></a></li> <li><a href="" data-block="comments-container" data-ajax="false"><?=Language::getText('comments')?></a></li> </ul> </div> </div> <div class="tab-blocks"> <!-- About --> <div class="about-container"> <h1><?=Language::getText('about')?></h1> <div class="block"> <p><strong><?=Language::getText('duration')?>:</strong> <?=$video->duration?></p> <p><strong><?=Language::getText('views')?>:</strong> <?=$video->views?></p> <p><strong><?=Language::getText('by')?>:</strong> <?=$video->username?></p> <p><strong><?=Language::getText('description')?>:</strong> <?=$video->description?></p> </div> </div> <!-- Suggestions --> <div class="suggestions-container"> <h1><?=Language::getText('suggestions_header')?></h1> <div class="block block-listview"> <ul data-role="listview"> <?php if (count($relatedVideos) > 0): ?> <?php $this->repeatingBlock('video.phtml', $relatedVideos); ?> <?php else: ?> <li><p><?=Language::getText('no_suggestions')?></p></li> <?php endif; ?> </ul> </div> </div> <!-- Comments --> <div class="comments-container"> <div class="header"> <h1><?=Language::getText('comments_header')?></h1> &bull; <span><?=$commentCount?></span> <?php if ($loggedInUser): ?> <a href="#post-comment-<?=$video->videoId?>" data-transition="pop" data-rel="popup" data-position-to="window"><?=Language::getText('comments_button')?></a> <?php else: ?> <?php if ($config->enableRegistrations): ?> <p><?=Language::getText('comments_login_register', array('login_link' => '', 'register_link' => HOST . '/register/'))?></p> <?php else: ?> <p><?=Language::getText('comments_login', array('login_link' => ''))?></p> <?php endif; ?> <?php endif; ?> </div> <div class="block block-listview"> <ul data-role="listview" class="comment-list"> <?php if ($commentCount > 0): ?> <?php foreach ($commentCardList as $commentCard): ?> <li data-comment="<?=$commentCard->comment->commentId?>" class="comment"> <div class="avatar"> <img width="40" height="40" src="<?=($commentCard->avatar) ? $commentCard->avatar : $this->options->themeUrl . '/images/avatar.gif'?>" /> </div> <div class="content"> <p> <?=$commentCard->author->username?> <?=date('m/d/Y', strtotime($commentCard->comment->dateCreated))?> <?php if ($loggedInUser): ?> <a href="#post-comment-<?=$video->videoId?>" class="comment-reply" data-parent-comment="<?=$commentCard->comment->commentId?>" data-transition="pop" data-rel="popup" data-position-to="window"><?=Language::getText('reply')?></a> <?php endif; ?> </p> <?php if ($commentCard->comment->parentId != 0): ?> <p class="reply"><?=Language::getText('reply_to')?> <?=$commentCard->parentAuthor->username?></p> <?php endif; ?> <p class="comment-text"><?=nl2br($commentCard->comment->comments)?></p> </div> </li> <?php endforeach; ?> <?php if (count($commentCardList) < $commentCount): ?> <li data-icon="false" data-limit="5" class="load-more"><a href=""><?=Language::getText('load_more')?></a></li> <?php endif; ?> <?php else: ?> <li class="no-comments"><p><?=Language::getText('no_comments')?></p></li> <?php endif; ?> </ul> </div> </div> </div> <div id="post-comment-<?=$video->videoId?>" class="post-comment" data-role="popup" data-tolerance="15" data-overlay-theme="b"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <div> <div class="message block"></div> <h3><?=Language::getText('comments_post_header')?></h3> <form action="<?=HOST?>/actions/comment/add/" method="post" data-ajax="false"> <textarea name="comments" style="height:auto;" placeholder="<?=Language::getText('comments')?>" rows="4"></textarea> <input type="hidden" name="video-id" value="<?=$video->videoId?>" /> <input type="hidden" name="parent-comment-id" value="" /> <button type="submit" class="ui-btn ui-corner-all"><?=Language::getText('comments_button')?></button> </form> </div> </div> Line 23 was originally this :<source src="<?=$config->mobileUrl?>/<?=$video->filename?>.mp4" type="video/mp4" />. Tried changing some lines for the mobile folder in bootstrap and encode.php but no go. Is it true that today's smartphone browsers cannot play the webm format ? Basically that's what I am trying to achieve here.

Found the problem I had to remove this line : <source src="<?= $config->h264Url ?>/<?= $video->filename ?>.mp4" type="video/mp4" /> under the begin video section. <?php $this->addMeta('videoId', $video->videoId); $this->addMeta('theme', $this->options->themeUrl); $this->addMeta('loggedIn', (bool) $loggedInUser); $this->addMeta('reply_to', Language::getText('reply_to')); $this->addMeta('report_abuse', Language::getText('report_abuse')); if ($loggedInUser && !$video->commentsClosed) { $this->addMeta('reply', Language::getText('reply')); } $this->addCss($this->options->themeUrl . '/css/vendor/video-js.css'); $this->addJs($this->options->themeUrl . '/js/vendor/video.min.js'); //$this->addJs($this->options->themeUrl . '/js/general.js'); $this->addJs($this->options->themeUrl . '/js/vendor/moment.min.js'); $this->addJs($this->options->themeUrl . '/js/vendor/jsrender.min.js'); $this->addJs($this->options->themeUrl . '/js/comments.js'); ?> <div class="container-fluid"> <div class="row pt-5"> <div class="col-md-8"> <div class="header-secondary"> <h1 class="video-title"><?php echo htmlspecialchars($video->title); ?></h1> <?php (isset($message)) ? showAlertMessage($message, $message_type) : ''; ?> </div> <?php if ($video->gated && !$loggedInUser) : ?> <div id="player-gated"> <img width="100%" height="auto" src="<?= getVideoThumbUrl($video) ?>" alt="<?= htmlspecialchars($video->title); ?>" /> <div> <p><?= Language::getText('gated_video') ?></p> <a href="<?= HOST ?>/login/?redirect=<?= urlencode($this->getService('Video')->getUrl($video)) ?>" class="button_small"><?= Language::getText('login') ?></a> <?php if ($config->enableRegistrations) : ?> <a href="<?= HOST ?>/register/" class="button_small"><?= Language::getText('register') ?></a> <?php endif; ?> </div> </div> <?php else : ?> <!-- BEGIN VIDEO --> <div id="player" class="mb-1"> <video class="video-js vjs-big-play-centered" controls preload="auto" data-setup='{ "autoplay": false, "fluid": true, "aspectRatio": "16:9"}' poster="<?= getVideoThumbUrl($video) ?>"> <source src="<?= $config->h264Url ?>/<?= $video->filename ?>.mp4" type="video/mp4" /> <?php if ($webmEncodingEnabled) : ?> <source src="<?= $config->webmUrl ?>/<?= $video->filename ?>.webm" type="video/webm" /> <?php endif; ?> <?php if ($theoraEncodingEnabled) : ?> <source src="<?= $config->theoraUrl ?>/<?= $video->filename ?>.ogg" type="video/ogg" /> <?php endif; ?> </video> </div> <!-- END VIDEO --> <?php endif; ?> <!-- BEGIN ACTIONS --> <div class="row actions"> <div class="col-md-6"> <p class="large">Viewed <?= $video->views ?> times.</p> </div> <div class="col-md-6"> <div class="btn-toolbar float-right" role="toolbar" aria-label="Video actions."> <div class="btn-group mr-2" role="group" aria-label="Like/Rating buttons."> <?php if (isRated($video, $loggedInUser)) : ?> <a id="liked" class="like rating btn btn-sm btn-outline-primary disabled" href="#" data-rating="0" data-video_id=<?= $video->videoId; ?> role="button"><i class="fas fa-heart like-icon" alt="Click to like this video."></i> <span class="likes badge badge-light"><?= $rating->likes ?></span> <span class="sr-only"> likes for this video.</span> </a> <?php else : ?> <a id="like" class="like rating btn btn-sm btn-outline-primary" href="" data-rating="1" data-video_id=<?= $video->videoId; ?> role="button"><i class="far fa-heart like-icon" alt="Click to like this video."></i> <span class="likes badge badge-light"><?= $rating->likes ?></span> <span class="sr-only"> likes for this video.</span> </a> <?php endif; ?> </div> <?php if ($loggedInUser) : ?> <div class="btn-group button-actions" role="group" aria-label="Playlist Actions."> <?php include $this->getFallbackPath("blocks/playlist-buttons.phtml"); ?> </div> <?php endif; ?> </div> </div> </div> <!-- END ACTIONS --> <!-- BEGIN TABS --> <div class="row actions"> <div class="col"> <nav> <div class="nav nav-tabs" id="nav-tab" role="tablist"> <a class="nav-item nav-link active" id="nav-about-tab" data-toggle="tab" href="#nav-about" role="tab" aria-controls="nav-about" aria-selected="true"><?= Language::getText('about') ?></a> <a class="nav-item nav-link" id="nav-share-tab" data-toggle="tab" href="#nav-share" role="tab" aria-controls="nav-share" aria-selected="false">Embed/Share</a> <a class="nav-item nav-link" id="nav-flag-tab" data-toggle="tab" href="#nav-flag" role="tab" aria-controls="nav-flag" aria-selected="false">Report</a> </div> </nav> </div> </div> <!-- END TABS --> <!-- BEGIN TAB CONTENT --> <div class="row"> <div class="col"> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active" id="nav-about" role="tabpanel" aria-labelledby="nav-about-tab"> <?php include 'blocks/watch/about.php'; ?> </div> <div class="tab-pane fade show" id="nav-share" role="tabpanel" aria-labelledby="nav-share-tab"> <?php include 'blocks/watch/share.php'; ?> </div> <div class="tab-pane fade show" id="nav-flag" role="tabpanel" aria-labelledby="nav-flag-tab"> <?php include 'blocks/watch/report.php'; ?> </div> </div> </div> </div> <!-- END TAB CONTENT --> <!-- BEGIN COMMENTS SECTION --> <?php if ($video->commentsClosed) : ?> <div id="comments-closed" class="row"> <div class="col alert alert-info"> <p class="commentMessage"><?= Language::getText('comments_closed') ?></p> </div> </div> <?php else : ?> <div id="comments" class="row comments-form-block comments-actionable"> <div class="col commentForm"> <div class="comment-form-head"> <h3 class="d-inline-block"><?= Language::getText('comments_header') ?> </h3> <span id="comment-count" class="badge badge-info align-top "><?= $commentCount ?></span> <span class="sr-only"><?= Language::getText('comments_total') ?></span> </div> <?php include 'blocks/watch/comments_form.php'; ?> <div class="comment-alerts"></div> </div> </div> <div class="row comment-stream mt-4"> <div id="comments-list-block" class="col comments-actionable report-abuse-container"> <?php include 'blocks/watch/comments_list.php'; ?> </div> </div> <div class="row"> <div class="col"> <?php if ($commentCount > 5) : ?> <div class="loadMoreComments"> <button href="" class="btn btn-outline-primary btn-lg btn-block" data-loading_text="<?= Language::getText('loading') ?>"><i class="fas fa-caret-down pr-3"></i> <?= Language::getText('load_more') ?> <i class="fas fa-caret-down pl-3"></i></button> </div> <?php endif; ?> </div> </div> <?php endif; ?> <?php readfile('templates/comment_card.html', true); ?> </div> <!-- END COMMENTS SECTION --> <aside class="col-md-4 pt-3"> <!-- BEGIN RELATED VIDEOS --> <?php if ($playlist) : ?> <?php include 'blocks/watch/playlist.php'; ?> <?php endif; ?> <!-- BEGIN RELATED VIDEOS --> <?php include 'blocks/watch/related.php'; ?> <!-- END RELATED VIDEOS --> </aside> </div> </div> Now the webm will play. Now my next problem is that this script has a mobile side as well but it forces you to encode a seperate video for that side. I simply want to use the same video from the desktop side. So I will see if I can either replace that same url for the mobile size or if I change the mobile videos folder to match the desktop one.

Well considering I don't know much about php I have only been able to piece some things together. But give me some time and ill see what I can dig up. Ill check back as soon as I can with an update.