How to load html

Discuss
,
#1

Anyone pleaase help me to load the load html given below using custom webviewer html.txt (1.6 KB)

it does not load the video player

anyone please help me

#2

What You Have Tried ?
Have You Seen

component_method

1 Like
#3

yes i tried but does not loads

#4

please show your blocks.

keep in mind that you need paste all the html code in this block not the file name from asset

#5

I think he is saying about html VideoPlayer

1 Like
#6

i am using airtable to load that html

here is my blocks

blocks (11)
blocks (11)1070Ă—981 68.9 KB

html file on above

@Unknown_Designer absolutely right

#7

Use Do It function to know what does getStartValue returns.Note that load html block takes the html text and not the file path.

#8

i cant understand you

#9

Connect to the companion,Right click on getStartValue block and choose Do it, a comment should appear above the block, which indicates what does it returns:

IMG_20201110_143556
IMG_20201110_143556652Ă—547 88.1 KB

#10

it shows like this

Do It Result:
Loading the player…

#11

That isn’t an html text :face_with_monocle: That’s why it doesn’t load.

#12

its an html file it works finely on my pc my phone

i think its due to not loading of js link in html in custom webviewer
howcan ifix that

#13

image
image480Ă—960 131 KB

i Got The Result

#14

No, it’s because the start value block didn’t return the html text.you might try adding the html text in a string text.Or pass your right html text.Tgid is the expected return value:

<!DOCTYPE html>
<html>
<head>
    <script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/jwplayer.js'></script>
	<script src='https://cdn.jwplayer.com/libraries/o7BAT62z.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/jwplayer.core.controls.html5.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/jwplayer.core.controls.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/jwplayer.core.controls.polyfills.html5.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/jwplayer.core.controls.polyfills.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/jwplayer.core.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/polyfills.intersection-observer.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/provider.flash.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/provider.hlsjs.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/provider.html5.js'></script>
	<script src='https://ssl.p.jwpcdn.com/player/v/8.17.7/provider.shaka.js'></script>
    <script>jwplayer.key='0Q039zYWo55T1IbYymkESTKQl28LdPRxeSVLP3evRZ4=';</script>
</head>
<body>
    <div id="player">Loading the player...</div>
    <script>
        // Setup the player
        const player = jwplayer('player').setup({
            file: 'http://103.199.160.85/Content/24news/Live/Channel(24news)/index.m3u8'
        });

        

        // Call the API
        const bumpIt = () => {
            const vol = player.getVolume();
            player.setVolume(vol + 10);
        }
        bumpIt();
    </script>
</body>
</html>

And this is what it actually returns:

#15

how please tell

what are the change should i make

#16

Your Code Is Not Correct Something Is Wrong Becouse I Have Checked It On w3shcool It Showing Error But I Found Simple Solution To Use It

Try This Code

<!DOCTYPE html> 
<html> 
<body> 

<video width="400" controls>
  <source src="http://103.199.160.85/Content/24news/Live/Channel(24news)/index.m3u8" type="video/mp4">
  <source src="http://103.199.160.85/Content/24news/Live/Channel(24news)/index.m3u8" type="video/ogg">
  Your Error Message .
</video>


</body> 
</html>

You Can Decorate It Using CSS And Some JS And According User Device Width

If You Just Want To Change The Source Using Airtable Or Online Mothed So Keep You Code Using Join Block And Change Just Source As You Want

1 Like
#17

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.