Participant

Question

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

Forum|Forum|5 years ago
April 13, 2021
3 replies
857 views

Apparently Dreamweaver does not support alternative video formats??

Extensions

This topic has been closed for replies.

Nancy OShea

Community Expert

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

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

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

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!

G

GUYLEEAuthor

Participant

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

Merging with other message... Moderator

Nancy OShea

Community Expert

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

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.