Skip to main content
Participant
April 13, 2021
Question

I can no longer play videos on my website, after flashplayer was discontinued

  • April 13, 2021
  • 3 replies
  • 835 views

Apparently Dreamweaver does not support alternative video formats??

This topic has been closed for replies.

3 replies

Nancy OShea
Community Expert
Community Expert
December 6, 2021

You don't need a player.  HTML5 <video> with MP4 file type is supported by all browsers and web devices now.

 

You will need access to your native video files and a means for transcoding video to MP4 file type.  Use Adobe Media Encoder, Handbrake or an online video converter. 

 

The alternative is to upload video to YouTube and embed the YouTube iframe into your HTML5 code manually.

 

Example:

<!doctype html>
<html lang="en">
<head>
<title>Bootstrap 4.5.2 ~ Responsive Video</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--Bootstrap CSS-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand" href="#">Brand/Logo</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
</ul>
</div>
</nav>

<div class="container-fluid">
<div class="row">
<div class="col">

<h2>Self-Hosted ~ Aspect ratio 4:3</h2>
<div class="embed-responsive embed-responsive-4by3">
<!--CHANGE PATH & FILE NAME TO YOUR OWN POSTER IMAGE AND VIDEO FILE-->
<video title="Your Video Title" poster="path/YOUR_POSTER_IMAGE.jpg" controls="controls" >
<source src="path/YOUR_VIDEO_FILE.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col">
<h2>YouTube Hosted ~ Aspect ratio 16:9</h2>
<div class="embed-responsive embed-responsive-16by9">
<!--PASTE YT <IFRAME> CODE HERE-->
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>
</div>
</div>
</div>

<hr>
<div class="row">
<div class="col-md-10 text-center">
<footer>Footer goes here.... </footer>
</div>
</div>
</div>

<!--First jQuery then Popper then Bootstrap JS--> 
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

 

Hope that helps.

 

Nancy O'Shea— Product User & Community Expert
Liam Dilley
Inspiring
December 9, 2021

Just to add a note. While all browsers support mp4 because of some of the DRM stuff and opitmisation stuff you still are better to offer multiple file formats like ogg because the browsers like firefox will look for their prefered first and they can be better optimised, load faster and support specific browser features.

Nancy OShea
Community Expert
Community Expert
December 9, 2021

OGG and WebM fallbacks were necessary a few years ago but not anymore.  MP4 is widely supported by ALL devices now.   If it makes you feel better you can add fallback sources but IMO it's a waste of time and takes up too much space on the server.

 

Nancy O'Shea— Product User & Community Expert
BenPleysier
Community Expert
Community Expert
December 6, 2021
quote

Apparently Dreamweaver does not support alternative video formats??


By @GUYLEE

 

Go to Insert > HTML > HTML 5 Video

 

 

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
GUYLEEAuthor
Participant
April 13, 2021

My dreamweaver won't allow my video to play on my website

 

Merging with other message... Moderator

Nancy OShea
Community Expert
Community Expert
April 13, 2021

Hi @GUYLEE,

Why do you think that Dreamweaver is not allowing your video to play?

Please post the URL to your online page.  I guarantee this is either a problem with the video itself, the HTML code you're trying to use or your hosting server.  Which one it is we can't say until you show us the online page.

 

Nancy O'Shea— Product User & Community Expert