HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Ho to embed an .flv file?

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#86946 (In Topic #17746)
Avatar

Fan in action

I am running ocPortal 7.1.6 on a website, which also has several sub-directories/page that are custom-coded (not a part of the ocP system).

I am relatively new to adding videos to sites, so when I got one to work perfectly on one of those sub-pages, I thought I could cut and paste the working code (includes a bit of javascript) and simply insert it into the home page (ocPortal).

Nope.

Can anyone show me how to take the working video from this page:
http://portagelakescommunity.com/classicboatshow/

and insert it into the home page of that site?

I did upload it to the gallery section - and it does work there - but I'd like it to work just like the video on the above mentioned page.

Thanks in advance,
Erich

"Be true to yourself. Be who you are in your heart. Don't hang out with idiots. If you surround yourself with good people, you'll go far. If you start hanging out with knuckleheads, you'll be right in the knucklehead section the rest of your life." — Kid Rock
Back to the top
 
Posted
Item has a rating of 5 (Liked by BobSLiked by Jean)  
Rating:
#86980
Avatar

Community saint

Use this code:

Code

[html]
   <script src="http://portagelakescommunity.com/flash-player/flowplayer-3.2.10.min.js"></script>

   <div align="center"><a href="http://portagelakescommunity.com/classicboatshow/2012-Boat-Show-Video-Gift.flv" style="display: block; width: 600px; height: 420px;" id="player"><div role="button" tabindex="0" dataattribute="http://portagelakescommunity.com/flash-player/flowplayer-3.2.11.swf" title="http://portagelakescommunity.com/flash-player/flowplayer-3.2.11.swf" style="background: url(&quot;chrome://flashblock/content/flash.png&quot;) no-repeat scroll center center transparent ! important; min-width: 32px ! important; min-height: 32px ! important; width: 100%; height: 100%; border: 1px solid rgb(223, 223, 223); cursor: pointer; overflow: hidden; display: inline-block; visibility: visible ! important; -moz-box-sizing: border-box;" bgactive="url(chrome://flashblock/content/flashplay.png) no-repeat center" bginactive="url(chrome://flashblock/content/flash.png) no-repeat center"></div></a>
      <script language="JavaScript">flowplayer("player", "http://portagelakescommunity.com/flash-player/flowplayer-3.2.11.swf");</script>
   </div>
[/html]

Two reasons I think it may not have worked for you.

1) You may have missed the first line which appears earlier in the page. I did when I tried it first.

2) Because there is javascript, it is considered dangerous code, and it will only work if you have permission to use dangerous code. So depending on how your permissions are set up, you may need to make the changes as admin.

This works fine on my site.

Do you have a Samsung Galaxy S / Galaxy S II ? If so, why not check out my ScreenFree FM Radio .
Back to the top
 
Posted
Rating:
#87034
Avatar

Fan in action

Hi temp1024,
I did cut and paste the code snippet into the page, but got just the at the top of the page. Tried it twice, same thing.

I checked the permissions (that I could find) and the site is currently NOT validating javascript (though it is set to validate XHTML).

Is this what I should be looking at?

Is all of the code that you included in your reply (references to Chrome, etc.) necessary for cross-browser compatibility?

I really appreciate your help. Thanks.

"Be true to yourself. Be who you are in your heart. Don't hang out with idiots. If you surround yourself with good people, you'll go far. If you start hanging out with knuckleheads, you'll be right in the knucklehead section the rest of your life." — Kid Rock
Back to the top
 
Posted
Item has a rating of 5 (Liked by BobS)  
Rating:
#87042
Avatar

Community saint

WebBasser said

Hi temp1024,
I did cut and paste the code snippet into the page, but got just the [[b]html[/b]] at the top of the page. Tried it twice, same thing.
OK, that looks like the edit form is in WYSIWYG mode, so its treating everything as text, including the [html] tag. There should be a Disable WYSIWYG editing option on the page.
I checked the permissions (that I could find) and the site is currently NOT validating javascript (though it is set to validate XHTML).

Is this what I should be looking at?
Nope. Thats about validation the structure of the html, not about users permissions.

Use dangerous Comcode in Admin Zone Security Choose Privileges: Comcode controls permissions for dangerous html/javascript.
Is all of the code that you included in your reply (references to Chrome, etc.) necessary for cross-browser compatibility?
It looks like that chrome stuff is there just to provide feedback images to chrome users that have flash blockers running.

Do you have a Samsung Galaxy S / Galaxy S II ? If so, why not check out my ScreenFree FM Radio .
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: