HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.
Proud to be a PHP Open Source CMS
Learn more

> Home » Forum home » Deploying » View topic

Ho to embed an .flv file?

Login / Search

 [ Join | More ]
 [More]
 Add topic 
Posted
Rating:
#86946 (In Topic #17746)
WebBasser
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
temp1024
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
WebBasser
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
temp1024
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:
 Add topic 
> Forum home » Deploying

Quick reply   Contract

Your name:
Your message:
( First post )