I am using a flowplayer and have two js scripts so I can play two videos can be displayed but not autostart. The problem I am having is that as soon as I add a tag around my script tags only the second video shows the player and actually plays. Here is the script code I am using:
<script src="http://assets.luc.edu/ignation/resources/ignation-player-container.js" type="text/javascript"></script><a id="player" style="display:block;width:624px;height:377px" href="mp4:1167050839.f4v"></a> <script src="http://www.luc.edu/supports/javascripts/video/ignation-apoff-player.js" type="text/javascript"></script>
<br><br>
<script src="http://assets.luc.edu/ignation/resources/ignation-player-container.js" type="text/javascript"></script><a id="player2" style="display:block;width:624px;height:377px" href="mp4:1167050839.f4v"></a> <script src="http://www.luc.edu/supports/javascripts/video/ignation-apoff-player2.js" type="text/javascript"></script>
<table>
<script src="http://assets.luc.edu/ignation/resources/ignation-player-container.js" type="text/javascript"></script><a id="player" style="display:block;width:624px;height:377px" href="mp4:1167050839.f4v"></a> <script src="http://www.luc.edu/supports/javascripts/video/ignation-apoff-player.js" type="text/javascript"></script>
<br><br>
<script src="http://assets.luc.edu/ignation/resources/ignation-player-container.js" type="text/javascript"></script><a id="player2" style="display:block;width:624px;height:377px" href="mp4:1167050839.f4v"></a> <script src="http://www.luc.edu/supports/javascripts/video/ignation-apoff-player2.js" type="text/javascript"></script>
</table>
The two pieces of code are the same but the one surrounded by does not display both videos just the bottom one. The code above you can see all I do is change the id and indicate the next player code that references the id. But for some reason the tag is messing something up. Can anyone tell me how to fix this? Any help would be most appreciated.