Grid of Videos
Design and Skin Customization
Maybe this video will help...or confuse you more
michael css style sheet
Forum Activity for @derrickhand300
Design and Skin Customization
Maybe this video will help...or confuse you more
michael css style sheet
Grid of Videos
Design and Skin Customization
to edit the above code I think the 1st place to start is the
<div class="col4">http://size43.com/jqueryVideoTool.html
Grid of Videos
Design and Skin Customization
yes thats where you put it....the css would go in probably site.css which is accessed on your server by FTP
It will be in the >skins folder>your skin name>css folder>site.css...
Myself I have a custom.css where I add all my custom css but if you copied that css above and pasted it to your site.css file it would likely work...run integrity check then view the site
CSS Being Stripped
Using Jamroom
Is there some sort of container ( not sure thats the correct term) where you have that code posted and maybe the settings for that particular spot are overriding your editor code?
Like if its in an area controlled by blog quotas there may be an if statement that says only show this "particular area" to logged in users...
Just thinking out loud while I read your post- its not really advice just some different lines to think along
Ok im starting to sober up so im outta here
updated by @derrickhand300: 12/06/15 12:35:15AM
Share this position question
Using Jamroom
I did this using the share this code for the horizontal buttons..copied the code to a notepad file and uploaded it to my server as custom_share_this.tpl in skin templates
Then in the template where I want it to display I use
{jrCore_include template="custom_share_this.tpl"}To figure out where to put the code i always go into DEVELOPER TOOLS and select the checkbox that says something like " show the template code in source" and save/exit....then go to the discussion page where you want it to show up- right click on that area and select "view page source" or whatever its worderded as in your particular browser...then you will see the green text that looks similar to this
<!--profile_discussion template-->
just find the line of green code thats directly above the spot where you clicked ( the spot where you want the Share This to be) and thats usually the template you need to add the custom share this to....just have to play with it on that page to find the right spot-I usually type stuff like
ZZZZZZZZZZZZZ
XXXXXXXXXXXXXXXXX
YYYYYYYYYYYYYYYYY in different areas of the template- then view the page live and whichever area has the letters that i want the code added to- I add the custom share this there.......then erase all the caps i added..
Just my workaround...hope it makes sense or helps in some way
Then share that particular page and go to facebook debugger and enter the url then select "FETCH"...if you see an error that says something about circular redirect or something-then you will maybe need to remove the original share this code from the page so you dont have it on there twice
Here is the link to facebook debugger https://developers.facebook.com/tools/debug/
updated by @derrickhand300: 12/06/15 12:24:58AM
YouTube Video Gallery Scheduling
Suggestions
I actually use the youtube live streaming right now without any need for a module and its all 100% FREE
Here is the basics of setting it up
Open YT account- add "live streaming beta" in left column..instead of "scheduling an event" go to LIVE STREAMING BETA and get the player embed code and put it on the page you want the player on...using JR you can even just copy the url of the player page from youtube and add it as a "video" in Jamroom...then its always in your selection list for "embed a video" in site builder..
Next step is to download a 100% free iphone app ( not even any ads)called "Live Air Solo." ( with Live Air Solo you can even add graphic overlays while live and switch between cameras...so you could run 3 iphone cameras at an event and switch back and forth live between shots.
Enter the 2 lines of RTMP and URL from your YT account Live Streaming Beta page and your done...
Now if you ever want to stream at a certain time or just on the spur of the moment- just open the app on your phone and select 'go live"....there is about a 30 second delay...but everything you see on your iphone will be streaming to the jamroom pages where you have the player..
Lets say you are driving down a desolate country road and you spot a UFO full of Aliens...open app and start filming and its streaming live the moment you do...whats even cooler is it also makes a YT video on your page of what you streamed automatically.
I discoverd all this AFTER I spent $700 on A VIDIU Streaming Encoder and $150 on a big backup battery
Hope thats helpful
updated by @derrickhand300: 12/06/15 12:10:45AM
Grid of Videos
Design and Skin Customization
If you are looking for something like this
http://sayreeagles.net/videos
Paste this code into the template editor box in site builder on the page you want it-I think it may work with any of the jamroom skins- or close
I have removed the vimeo code but could be easily added back
<h1>My Site Videos</h1>
<div id="vidwrap">
<p><a title="Share A YouTube Video" href="http://sayreeagles.net/href="http:/sayreeagles.net/youtube/create" target="_blank"><img style="float: left; margin: 10px;" src="http://sayreeagles.net/upimg/image/upimg_file/74/128" alt="Share A YouTube Video" border="0"></a> <a title="Upload A Video File From Your Device" href="http://sayreeagles.net/uploaded_video/create" target="_blank"><img style="float: left; margin: 10px;" src="http://sayreeagles.net/upimg/image/upimg_file/75/128" alt="Upload A Video From Your Device" border="0"></a></p>
{capture name="template" assign="tpl"}
{literal}
<div class="container">
{foreach $_items as $item}
{if $item@first || ($item@iteration % 3) == 1}
<div class="row">
{/if}
<div class="col4">
<div class="img-profile">
{if $item.seamless_module_name == "jrYouTube"}
<a href="{$jamroom_url}/{$item.profile_url}/youtube/{$item._item_id}/{$item.video_title_url}">
<img src="{$item.youtube_artwork_url}" class="rank_image" width=320 height=180/></a>
{elseif $item.seamless_module_name == "jrVideo"}
<a href="{$jamroom_url}/{$item.profile_url}/video/{$item._item_id}/{$item.video_title_url}">{jrCore_module_function function="jrImage_display" module="jrVideo" type="video_image" item_id=$item._item_id size="large" alt=$item.video_title title=
$item.video_title class="top_rank" width=320 height=180}</a>
{/if}
</div>
<div class="center mb10">
{if $item.seamless_module_name == "jrYouTube"}
<a href="{$jamroom_url}/{$item.profile_url}/youtube/{$item._item_id}/{$item.youtube_title}">{$item.youtube_title|truncate:24}</a>
{elseif $item.seamless_module_name == "jrVideo"}
<a href="{$jamroom_url}/{$item.profile_url}/video/{$item._item_id}/{$item.video_title_url}">{$item.video_title|truncate:24}</a>
{/if}
<br>
</div>
</div>
{if $item@last || ($item@iteration % 3) == 0}
</div>
{/if}
{/foreach}
</div>
{/literal}
{/capture}
{jrSeamless_list modules="jrVideo,jrYouTube" order_by="_created numerical_desc" pagebreak=30 page=$_post.p pager=true template=$tpl}</div>CSS which you can edit or omit
#vidwrap {
width: 95%;
margin: 0px 0px 0px 0px;
padding: 16px 16px 16px 16px;
height: auto;
line-height: 100%;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
box-shadow: 2px 2px 3px #666666;
-webkit-box-shadow: 2px 2px 3px #666666;
-moz-box-shadow: 2px 2px 3px #666666;
background: #5D0303;
background: linear-gradient(top, #5D0303, #000000);
background: -ms-linear-gradient(top, #5D0303, #000000);
background: -webkit-gradient(linear, left top, left bottom, from(#5D0303), to(#000000));
background: -moz-linear-gradient(top, #5D0303, #000000);
border: solid 2px #000000;
position:relative;
z-index:0;
}Disclaimer-I make no guarantees that my code is not dripping with errors-I dont know what im doing and just hack stuff together best I can to get by- Hope that helps
OH and you would need to copy/host the "upload video" images if you wanted to use them- otherwise you would need to remove them
updated by @derrickhand300: 12/05/15 11:56:49PM
Unwanted HTML gap/space
Using Jamroom
The solution is to copy the code from the tinymce editor and paste it into the template editor-I have always had this problem with tables in tinymce...paste it in the template editor and it will display properly
