Start a new topic

embed code - modifying

Hi everybody

Does anybody know if there are ways of editing the embed code so I can embed Amara videos in a central position on my music blog. If you have a look at the videos you will see they are all left-aligned, a bit annoying from a design perspective - any ideas? 

Thank you
Best wishes
Richard

1 person has this question
1 Comment

Hi Richard,

I just tried playing with some CSS / HTML and found that you can center videos this way. I think that the video embed from Amara will obey whatever CSS / HTML they touch, and don't come with default style properties.

I was able to roughly center your video in a simple HTML document with the following code:
<html>
<body>
<div style="width: 700px; width: 800px; border: 1px solid blue; display: block;">

        <div style="width: 500px; height: 400px; display: block; margin: 0 auto; border: 1px solid green;">
        <script type="text/javascript" src="http://s3.amazonaws.com/s3.www.universalsubtitles.org/embed.js">
(
  {"video_url": "http://www.youtube.com/watch?v=9__6TAVTwtk"}
)
</script>
        </div>

</div>
</body>
</html> 
Login or Signup to post a comment