Technology Tools for Ministry

Community

Web-Empowered Church User Community
All Categories > Ministry Tools > Flash Player Extension > Flash player placement
Total Posts: 6 - Pages (1): [1]
Author: John Battern
Posted: May 08 2008 - 12:14 PM
Subject: Flash player placement
I put my first flash player on our site and low and behold it worked

I don't like where it is at on the page however. It's a promotional video for VBS and I'd like it beside, not under the VBS info. Probably would be easier to understand my question by looking at the page

I would like to place the video to the right of the graphic between the headline texts.

Is this possible? If so, how?
user picture Author: Mark Stephenson
Posted: May 08 2008 - 01:42 PM
Subject: re: Flash player placement
John,

Maybe other people have better ideas, but for situations like this I use the HTML content element. You can view the source and grab all the HTML for this video and then put it in a table or something to format it. In your case, the HTML looks like this:

<div class="tx-wecflashplayer-pi1">
<div id="wec_flashplayer_681">You do not have the Flash plugin installed, or your browser does not support Javascript. Both are required to view this Flash movie.</div>
<script type="text/javascript">
/*<![CDATA[*/
var fo = new FlashObject('typo3conf/ext/wec_flashplayer/res/video.swf', 'flash', '340', '400', '8', '#FFFFFF');
fo.addVariable('textcolor', '#000000');
fo.addVariable('classtitle', 'Power Lab');
fo.addVariable('intromessage', 'Join the Fun at Vacation Bible School');
fo.addVariable('radioLabelLow', 'Low (Dialup)');
fo.addVariable('radioLabelHigh', 'High (Broadband)');
fo.addVariable('videobase', 'uploads/tx_wecflashplayer/');
fo.addVariable('bwbase', 'typo3conf/ext/wec_flashplayer/res/');
fo.addVariable('bgbase', 'uploads/tx_wecflashplayer/');
fo.addVariable('bwimage', '100k.jpg');
fo.addVariable('bgimage', '');
fo.addVariable('videolow', '');
fo.addVariable('videohigh', 'Power_Lab_01.flv');
fo.addVariable('baseurl', 'http://www.newsharonumc.org/');
fo.addVariable('lastloaded', 'true');
fo.write('wec_flashplayer_681');

/*]]>*/
</script>
</div>


In Him,
Mark
Author: John Battern
Posted: May 09 2008 - 09:25 AM
Subject: re: Flash player placement
Maybe I'm not understanding completely.

I created a new content, choose table, set up the table with 2 columns and 1 row. Pasted my image's htlm into one column and the htlm above into the other. When I viewed the page, the image appeared in the left column as planned but what appeared in the right was the htlm text and not the flash player itself.

Did I miss a step along the way? There's flash player java script in my header, so that's not the problem. What else might it be?
user picture Author: Mark Stephenson
Posted: May 09 2008 - 10:22 AM
Subject: re: Flash player placement
Sorry John,

With this approach we are inserting straight HTML into the page. So the content element type you insert will be called "Plain HTML." It will look ugly because it is only HTML. But you have a lot of ability to format things this way if you know some basic html. Here is how the HTML might look that you put in the field within this content element:

CODE:
<table><tr><td>

<h1>This is is a large title on the left that I hope looks okay on your template</h1>

</td><td>

<div class="tx-wecflashplayer-pi1">
<div id="wec_flashplayer_681">You do not have the Flash plugin installed, or your browser does not support Javascript. Both are required to view this Flash movie.</div>
<script type="text/javascript">
/*<![CDATA[*/
var fo = new FlashObject('typo3conf/ext/wec_flashplayer/res/video.swf', 'flash', '340', '400', '8', '#FFFFFF');
fo.addVariable('textcolor', '#000000');
fo.addVariable('classtitle', 'Power Lab');
fo.addVariable('intromessage', 'Join the Fun at Vacation Bible School');
fo.addVariable('radioLabelLow', 'Low (Dialup)');
fo.addVariable('radioLabelHigh', 'High (Broadband)');
fo.addVariable('videobase', 'uploads/tx_wecflashplayer/');
fo.addVariable('bwbase', 'typo3conf/ext/wec_flashplayer/res/');
fo.addVariable('bgbase', 'uploads/tx_wecflashplayer/');
fo.addVariable('bwimage', '100k.jpg');
fo.addVariable('bgimage', '');
fo.addVariable('videolow', '');
fo.addVariable('videohigh', 'Power_Lab_01.flv');
fo.addVariable('baseurl', 'http://www.newsharonumc.org/');
fo.addVariable('lastloaded', 'true');
fo.write('wec_flashplayer_681');
/*]]>*/
</script>
</div>

</td></tr></table>


I just created a simple table with two cells and the text on the left and the video on the right. Again, others may have a different approach, but it seems like this is the easiest in this case.

In Him,
Mark
Author: John Battern
Posted: May 09 2008 - 02:17 PM
Subject: re: Flash player placement
Thanks Mark,

I'm getting closer but I'm not there yet. When I hide the page content flash player plugin which I original began with, then the flash player that I put into the table doesn't work. I get instead a message that there's no flash player available on the page. On the other hand, when the page content flash plager plugin is visible then the table flash player works and the content location where the flash player page content is shows the "no player available" error. This is the way I have the page now.

Investigating this I find that when I have the flash player page content visible then there is scripting in the head, when it's hidden there is not.

Thus I am concluding the I need to be able to add the flash player scripting to the head manually. Unfortunately, I don't know how to do this.

Different question: Is there anyway to see the html code for a page content on the back end? I know enough html to be able to decipher some basic code.
user picture Author: Mark Stephenson
Posted: May 09 2008 - 02:53 PM
Subject: re: Flash player placement
John,

You are right that I may have forgot that there is more to the code than just the HTML I grabbed. There is probably a one or more file includes that should be added.

The only way to look at the HTML that TYPO3 generates is to display a page on the frontend and then to view the source. You cannot edit that HTML because TYPO3 dynamically generates the HTML for a page when browsers ask for it.

In Him,
Mark
Total Posts: 6 - Pages (1): [1]
Click here for a complete list of threads
You must login to post a message to this conference.