Highlighted

Dreamweaver 2019 & 2020 freezes in live mode with embedded autoplay video

New Here ,
Nov 23, 2019

Copy link to clipboard

Copied

[Topic edited  by moderator for clarity.]

 

Anyone else have this issue or know a fix? I have a website that opens fine in 2018, but freezes (and stays frozen) when I open the index.htm file in Split View, with there being a YouTube video as the background. Removing the code it opens fine. Code below. 

 

<!-- YouTube background video -->
<div id="bg-video" data-property="{videoURL:'http://youtu.be/ab0TSkLe-E0', containment:'body', autoPlay:true, mute:true, startAt:0, showControls:false}" data-poster="images/poster.jpg"></div>
<div id="bg-video-controls">
<a id="bg-video-volume" class="icon icon-mute" href="#" title="Unmute"><span class="screen-reader-text">Unmute</span></a>
<a id="bg-video-play" class="icon icon-pause" href="#" title="Pause"><span class="screen-reader-text">Pause</span></a>
</div>
I am on Facebook: http://facebook.com/MetronFilms and on Instagram: http://instagram.com/MetronFilms New Zealand, South Island Aoraki / Mt.Cook, Mt.Tasman, M...
TOPICS
Code, Error, Product issue

Views

550

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Dreamweaver 2019 & 2020 freezes in live mode with embedded autoplay video

New Here ,
Nov 23, 2019

Copy link to clipboard

Copied

[Topic edited  by moderator for clarity.]

 

Anyone else have this issue or know a fix? I have a website that opens fine in 2018, but freezes (and stays frozen) when I open the index.htm file in Split View, with there being a YouTube video as the background. Removing the code it opens fine. Code below. 

 

<!-- YouTube background video -->
<div id="bg-video" data-property="{videoURL:'http://youtu.be/ab0TSkLe-E0', containment:'body', autoPlay:true, mute:true, startAt:0, showControls:false}" data-poster="images/poster.jpg"></div>
<div id="bg-video-controls">
<a id="bg-video-volume" class="icon icon-mute" href="#" title="Unmute"><span class="screen-reader-text">Unmute</span></a>
<a id="bg-video-play" class="icon icon-pause" href="#" title="Pause"><span class="screen-reader-text">Pause</span></a>
</div>
I am on Facebook: http://facebook.com/MetronFilms and on Instagram: http://instagram.com/MetronFilms New Zealand, South Island Aoraki / Mt.Cook, Mt.Tasman, M...
TOPICS
Code, Error, Product issue

Views

551

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 23, 2019 0
Adobe Community Professional ,
Nov 23, 2019

Copy link to clipboard

Copied

I can't reproduce it with the code you posted.  So something is missing.  I will say that auytoplay is intrusive.  Set autoplay to False because that is firing up video every time your Live view screen refreshes.   Can you switch to Design view instead?

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 23, 2019 0
New Here ,
Nov 23, 2019

Copy link to clipboard

Copied

I just tried both your suggestions. One, switched autoplay to "false". Two, switched to "design" view. Both work, allowing me to work on the video. However, it's a workaround and not a fix.

 

I can switch back autoplay to "true" when I upload it, but there has to be a better fix. And I never work in "Design View". 

 

Here's the full code if it helps : )

 

<!DOCTYPE html>
<html lang="en-US" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Adobe Test</title>
    
<!-- Included CSS Files -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic%7CRoboto+Slab:400,700" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<script type="text/javascript" src="js/modernizr-custom.js"></script>
 
</head>
 
<body>
<div class="wrap">
 
<!-- Main -->
<div id="main">
<div class="inner">
 
<!-- Header -->
<header class="site-header">
<h1 class="site-title fade-in"><img src="images/logo.png" width="400" height="43" alt="" /></h1>
</header>
 
<!-- Content -->
<section class="content">
 
<div id="timer"></div>
 
<p class="subtitle">Test</p>
 
<!-- Newsletter form -->
<div id="newsletter" class="form-wrap">
<form action="subscribe.php" method="post" id="newsletter-form">
<p class="form-field">
<label for="newsletter_email" class="screen-reader-text">Please enter your email</label>
<input type="text" name="newsletter_email" id="newsletter_email" value="" placeholder="Your email" />
</p>
<p class="form-submit">
<input type="submit" name="newsletter_submit" id="newsletter_submit" value="Subscribe" />
</p>
</form>
</div>
</section>
 
<!-- Modal page toggle -->
<div class="modal-toggle">
                <i class="icon icon-newspaper"></i>
<a href="#" id="modal-open"><span class="modal-note">Read More</span></a>
</div>
</div>
</div>
 
<!-- Modal page: About Us -->
<div id="modal">
<div class="inner">
 
<!-- Modal toggle -->
<div class="modal-toggle">
                <i class="icon icon-cross"></i>
    <a href="#" id="modal-close"><span class="modal-note">Close</span></a>
</div>
 
<!-- Content -->
<section class="content">
 
<h1 class="section-title">About</h1>
 
<!-- Columns -->
<div class="row">
<div class="one-half">
<p><i>ETest.</p>
<p>Test</p>
</div>
<div class="one-half">
<h2><i class="icon icon-mail"></i>Email</h2>
<p>support@test.com</p>
<h2><i class="icon icon-map"></i>Location</h2>
<p>Adobe, USA</p>
</div>
</div>
 
</section>
</div>
</div>
</div>
 
<!-- Background overlay -->
<div class="body-bg"></div>
 
<!-- YouTube background video -->
<div id="bg-video" data-property="{videoURL:'http://youtu.be/ab0TSkLe-E0', containment:'body', autoPlay:false, mute:true, startAt:0, showControls:false}" data-poster="images/poster.jpg"></div>
<div id="bg-video-controls">
<a id="bg-video-volume" class="icon icon-mute" href="#" title="Unmute"><span class="screen-reader-text">Unmute</span></a>
<a id="bg-video-play" class="icon icon-pause" href="#" title="Pause"><span class="screen-reader-text">Pause</span></a>
</div>
 
<!-- Loading... -->
<div id="preload">
<div id="preload-content">
<div class="preload-spinner">
<span class="bounce1"></span>
<span class="bounce2"></span>
<span class="bounce3"></span>
</div>
<div class="preload-text">Loading...</div>
</div>
</div>
 
<!-- Included JS Files -->
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/jquery.mb.YTPlayer.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 23, 2019 0
Adobe Community Professional ,
Nov 23, 2019

Copy link to clipboard

Copied

This is still only partial code because we don't have your external scripts and CSS files.

 

As far as DW crashing,  check your crash logs to see what's causing DW to crash.  Try Restore Preferences

https://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver.html

 

If crashes continue,  submit a bug report from your Help Menu along with a small test page containing embedded scripts and CSS code that the engineers can use to reproduce the problem in their lab.  

 

I use embedded YouTube videos without issue.  But autoplay is against my religion.  It's not polite to push media on people who may not wish to consume it.  Long live the PLAY button 🙂  

 

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 23, 2019 2
New Here ,
Nov 24, 2019

Copy link to clipboard

Copied

Thanks for your help and quick reply. I am definitly familiar with the poor taste in auto playing video or music on a site, and would agree with you.

 

I know it might still be frowned upon but this single, "coming soon" page is made up of a video for the whole bg (there's no sound). It doesn't look right without the video playing on its on : ). Thanks again!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 24, 2019 0
New Here ,
Nov 23, 2019

Copy link to clipboard

Copied

Also, the site works fine in DW2018. So I wonder what changed, or what setting is different???

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 23, 2019 0