project Websites / videos.bentasker.co.uk avatar

Websites / videos.bentasker.co.uk: f55cec22

verified

Implement function embedBensPlayerDivs() for websites/videos.bentasker.co.uk#3

Implement function embedBensPlayerDivs() for websites/videos.bentasker.co.uk#3

This will

Example usage

<div class="embedBensPlayer" data-src="2017/201705_Lua_split_string/lua_string_split.mp4_master.m3u8"></div>
<script type="text/javascript">
    embedBensPlayerDivs();
</script>

The next step is to have it called automatically once the DOM is ready

Commit f55cec22.

Authored 2022-03-11T16:15:49.000+00:00 by B Tasker in project Websites / videos.bentasker.co.uk

+59 lines -0 lines

Commit Signature

Changes

diff --git a/resources/embed/embed.js b/resources/embed/embed.js
--- a/resources/embed/embed.js
+++ b/resources/embed/embed.js
# @@ -162,6 +162,29 @@ function embedBensPlayer(vidurl,vidtype){
# setupPlayer(vidtype, vidurl, vidid);
# }
#
# +/* Introduced in websites/videos.bentasker.co.uk#3 */
# +function embedBensPlayerDivs(){
# + var ret, vidurl, vidtype, vidid;
# +
# + var eles = document.getElementsByClassName('embedBensPlayer');
# +
# + for (var i=0; i<eles.length; i++){
# + vidurl = eles[i].getAttribute('data-src');
# + ret = prepareVars(vidurl);
# + vidtype = ret[0]
# + vidid = ret[1]
# + vidurl = ret[2]
# +
# + // Update the container to use our desired ID and class
# + eles[i].setAttribute("id", "BensplayerWrapper" + vidid);
# + eles[i].setAttribute("class", "BensVideoCont");
# +
# + // Setup the player
# + setupPlayer(vidtype, vidurl, vidid);
# + }
# +}
# +
# +
# /* Add stylesheet before triggering the embed flow */
# function setupPlayer(vidtype, vidurl, vidid){
#
#
diff --git a/resources/tests/Player_VNext_div.html b/resources/tests/Player_VNext_div.html
--- a/resources/tests/Player_VNext_div.html
+++ b/resources/tests/Player_VNext_div.html
# @@ -0,0 +1,36 @@
# +<html>
# +<head>
# + <script type="text/javascript" src="https://videos.bentasker.co.uk/resources/embed/embed.vnext.js"></script>
# + <link rel="stylesheet" href="/resources/css/player/player.css" />
# + <script type="text/javascript" src="/resources/js/player/player.js"></script>
# +</head>
# +<body>
# +
# + <center>
# + <h1 id="title"></h1>
# + <div id="maincontainer" style="width: 50%; height: 50%">
# + <div class="embedBensPlayer" data-src="2017/201705_Lua_split_string/lua_string_split.mp4_master.m3u8"></div>
# +
# + <!-- <script type="text/javascript">embedBensPlayer(vidurl);</script> -->
# + <div id="videobar">
# + <div id="vbartext">
# + <a href="#" onclick="return toggleembed();">Embed Video</a>
# + <div class="clr"></div>
# + </div>
# + </div>
# +
# +
# + <div id="embedsect" style="display: none" onclick="selectText('embedsect')">&lt;div style="width: 60%"&gt;
# + &nbsp; &lt;script type="text/javascript" src="https://videos.bentasker.co.uk/resources/embed/embed.js"&gt;&lt;/script&gt;
# + &nbsp; &lt;script type="text/javascript"&gt;embedBensPlayer('<span id='embedsecturl'></span>');&lt;/script>&gt;
# + &lt;/div&gt;</div>
# +
# +
# +
# + <div id="description"></div>
# + </div>
# +
# + </center>
# +</body>
# +</html>
# +
#

Comments


2022-03-11T16:18:52.585Z

mentioned in issue #3