Skip to main content
Participant
Apr 13, 2021 9:57 PM UTC
Question

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

Apparently Dreamweaver does not support alternative video formats??

This topic is closed to new replies. Start a new post to keep the conversation going.

10 replies

Nancy OShea
Community Expert
Community Expert
Dec 6, 2021 11:27 PM UTC

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.

 

Translate
Nancy O'Shea— Product User & Community Expert
Liam Dilley
Inspiring
Dec 9, 2021 12:44 AM UTC

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.

Translate
Nancy OShea
Community Expert
Community Expert
Dec 9, 2021 8:01 PM UTC

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.

 

Translate
Nancy O'Shea— Product User & Community Expert
BenPleysier
Community Expert
Community Expert
Dec 6, 2021 9:46 PM UTC
quote

Apparently Dreamweaver does not support alternative video formats??


By @GUYLEE

 

Go to Insert > HTML > HTML 5 Video

 

 

Translate
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
GUYLEEAuthor
Participant
Apr 13, 2021 9:57 PM UTC

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

 

Merging with other message... Moderator

Translate
Nancy OShea
Community Expert
Community Expert
Apr 13, 2021 11:01 PM UTC

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.

 

Translate
Nancy O'Shea— Product User & Community Expert