StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJquery / Javascript Video Replace
primarykey
Id
11620785
data
AcceptedAnswerId
0
AnswerCount
4
ClosedDate
CommentCount
6
CommunityOwnedDate
CreationDate
2012-07-23T21:28:02.690
FavoriteCount
0
LastActivityDate
2013-11-15T19:06:55.463
LastEditDate
2012-07-23T22:13:53.163
LastEditorUserId
1452136
OwnerUserId
1452136
ParentId
0
PostTypeId
1
Score
0
ViewCount
768
LastEditorDisplayName
text
Body
<p>Ok, so I'm obviously missing something here (just can't figure out what it is I'm missing). I've been working on a basic script to take the contents of divs like so:</p> <pre><code><div class="sxvideo">1745623935001,640,360</div> <div class="sxvideo">1745605281001</div> <div class="sxvideo">1745623933001,900</div> </code></pre> <p>and then I have this (loaded at the bottom of the page) to take the innerHTML (which is the video ID, width, and height) swap them out, .split the data by comma, make sure that both the height and width aren't left undefined, and then replace the innerHTML with the full embed code, dropping the variables into the right places:</p> <pre><code><script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script> <script type="text/javascript"> $("div.sxvideo").each(function () { "use strict"; var bcid = this.innerHTML.split(","); if (bcid[1] === undefined) { bcid[1] = "720"; } if (bcid[2] === undefined) { bcid[2] = "404"; } this.innerHTML = '<center><div style="margin-bottom:15px; height: ' + bcid[2] + 'px; width: ' + bcid[1] + 'px;"><object id="myExperience' + bcid[0] + '" class="BrightcoveExperience"><param name="bgcolor" value="#172531" /><param name="width" value="' + bcid[1] + '" /><param name="height" value="' + bcid[2] + '" /><param name="playerID" value="68593058001" /><param name="playerKey" value="AQ~~,AAAACmfZzQE~,c2ejuULn_boEBJAb-NiqNIQuC2o543gE" /><param name="isVid" value="true" /><param name="isUI" value="true" /><param name="dynamicStreaming" value="true" /><param name="@videoPlayer" value="' + bcid[0] + '" /></object></div></center>'; }); </script> <script type="text/javascript">brightcove.createExperiences();</script> </code></pre> <p>EDITED ADDITIONS: In order to clear things up a little bit (and this might be the issue), the embed code takes the info then calls the video up by script (which is what the last line brightcove.createExperiences() does). The embed code is fine. If I take that format and post that (replacing the variables with data), it works fine and loads the video. </p> <p>Is it because I'm calling the brightcove .js outside the script? I wanted to replace each instance of , THEN call brightcove.createExperiences(), not replace the content and call it for every div (you only have to call it once per page). </p> <p>Should it be written with a document ready to make sure it's done in the proper order? Brain scrambled.</p> <p>Or, if anyone has a better suggestion on how to do this more efficiently/better, feel free to post it here. Thanks!</p>
Tags
<javascript><jquery><video><replace>
Title
Jquery / Javascript Video Replace
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USPeter Sorensen
UserOwnerUserId
1. USPeter Sorensen
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.