Forums

Edit Bar Missing

Permalink
After logging in as admin, the edit bar at the top is no longer present. I've tried logging in with both IE and Chrome with no luck. The only thing that was done prior to this happening was I posted HTML code for a new video to play with FlowPlayer. Anyone have an idea why the edit bar is missing?

Here is the code pasted -

<!doctype html>
<html>
<head>

<!-- player skin -->
<link rel="stylesheet" type="text/css"
href="//releases.flowplayer.org/5.5.2/skin/minimalist.css">


<style>
/* site specific styling */
body {
font: 12px "Myriad Pro", "Lucida Grande", "Helvetica Neue", sans-serif;
text-align: center;
padding-top: 1%;
color: #999;
background-color: #333333;
}

/* custom player skin */
.flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 640px; }
.flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
.flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
.flowplayer .fp-progress { background-color: rgba(128, 0, 0, 1)}
.flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
.flowplayer { background-image: url(https://drive.cdn.flowplayer.org/219884/50236-snap.jpg)}

</style>

<!-- flowplayer depends on jQuery 1.7.2+ -->
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

<!-- flowplayer javascript component -->
<script src="//releases.flowplayer.org/5.5.2/flowplayer.min.js"></script>


</head>

<body>



<div data-swf="//releases.flowplayer.org/5.5.2/flowplayer.swf"
class="flowplayer no-toggle"
style="max-width: 640px;" data-ratio="0.5625" data-embed="false">
<video>
<source type="video/mp4" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.mp4" /><source type="video/webm" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.webm" />
</video>

</div>

</body>
</html>
 
WebcentricLtd replied on at Permalink Reply
is it just the page you added the code to that has the problem?
If so it would signifyban issue wuth the code. You could revert backto an earlier version by clicking the page in the sitemap, selecting versions, aporoving an earlier version and deleting the version with the problem.

I didn't see your code for some reason. Are you saying you posted all that inside a page block?
ngnous replied on at Permalink Reply
It is the main page of my website. The sitemap option is on the edit bar which is missing. Is there another way to get to this information other than from your actual website?
WebcentricLtd replied on at Permalink Reply
yoursite/index.php/dashboard
ngnous replied on at Permalink Reply
Yes, all posted within one block.
WebcentricLtd replied on at Permalink Reply
it won't work like that I'm afraid.

That's what is breaking your page. You need to be able to seperate out the various elements so they can be called correctly into your page template without conflicts.
ngnous replied on at Permalink Reply
Thanks Andy!!

I was able to get my page back to the way is was before.
WebcentricLtd replied on at Permalink Best Answer Reply
ok if you want to embed flowplayer in the page like you were trying - here is how to do it.


You need to add the 'Header Extra Content' Attribute to your page and add:

<link rel="stylesheet" type="text/css"
 href="//releases.flowplayer.org/5.5.2/skin/minimalist.css">
 <style>
 /* custom player skin */
 .flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 640px; }
 .flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
 .flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
 .flowplayer .fp-progress { background-color: rgba(128, 0, 0, 1)}
 .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
 .flowplayer { background-image: url(https://drive.cdn.flowplayer.org/219884/50236-snap.jpg)}
 </style>
 <!-- flowplayer javascript component -->
 <script src="//releases.flowplayer.org/5.5.2/flowplayer.min.js"></script>


Then in your page wherever you want the player you add an html block and add the player code:

<div data-swf="//releases.flowplayer.org/5.5.2/flowplayer.swf"
  class="flowplayer no-toggle"
  style="max-width: 640px;" data-ratio="0.5625" data-embed="false">
  <video>
  <source type="video/mp4" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.mp4" ></source><source type="video/webm" src="http://drive.flowplayer.org/219884/50236-LewisvilleFootballFinal2.webm" ></source>
  </video>
  </div>
ngnous replied on at Permalink Reply
Worked like a charm. Thanks again for your help.