Preview and exported site does not match up

Bootstrap Studio Help
1

image
image1920×885 317 KB

image
image1891×937 25.6 KB

Bottom picture is what it looks like in preview mode.
Top is how it looks when i export it.

Edit: the sizing is the problem, not the content. Preview mode is what i want.

2

Could u show the code u used for the carousel?

3 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>VideoJS</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/html5-video.css">
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/textarea.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-lg-2"></div>
            <div class="col-md-4 col-lg-8"><link
  href="https://unpkg.com/video.js@7/dist/video-js.min.css"
  rel="stylesheet"
/>
<video
    id="my-video"
    class="video-js vjs-theme-city"
    controls
    preload="auto"
    fluid="false"
    
   
    data-setup="{}"
  >
    <source src="<?php echo $video_src ?>" type="video/mp4" />
    <source src="<?php echo $video_src ?>" type="video/webm" />
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a
      web browser that
      <a href="https://videojs.com/html5-video-support/" target="_blank"
        >supports HTML5 video</a
      >
    </p>
  </video></div>
            <div class="col-md-4 col-lg-2"></div>
        </div>
    </div>
    <div class="row"><script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script></div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>`Preformatted text`
4

Hey, do you have a script running at export to change html to php? as I’m guessing this is an issue with the php video src and this won’t render in preview mode as the doc is html until exported to php or changed to php manually.

You could setup a duplicate of the video tag again and place it underneath the original, and replace the src tags with a direct path to the video. Use the hide tag on the orginal video tag for pre-viewing purposes, then when you’re happy all is good visually and ready for export switch the ‘hide’ tags around so the second video tag is now hidden.

I maybe wrong in my assumptions as I have a limited understanding of php but at first look that’s what I thought maybe the issue.

I’m sure they’re are more informed members who have a better understanding and more direct approach to solving the issue and if so, I bow to their expertise.

Hope this helps.

1 Like
5

I would say it’s an issue with the local server being generated by BSS not being able to access your video source, which seems to be using server-side code (php), likely not supported by BSS.