HOUR 20: Working with Flash and Other Embeddable Content
That said, Flash is no longer King of the Hill (obscure Norwegian reference, not an
endorsement of the animated TV show). With the introduction of HTML5 and
HTML5-powered devices such as smartphones and tablets, Flash is being replaced by
HTML5, especially where video is concerned. Because of the complexities of HTML5
video and the format war between the device and browser manufacturers, most
hosting providers offering up embeddable content that previously used Flash now
use embeddable iFrames instead. In this hour, you learned how to get and embed
such iFrame-based HTML5 YouTube videos in your pages and also how to configure
these iFrames. Although the example only featured YouTube, the same technique
can be used for most other video-sharing services.
Q. When I preview the FlashGallery.html page in Internet Explorer,I get a warn-
ing that the program has restricted the website from running ActiveX con-
trols that could access my computer. What do I do?
A. Embedded content such as a Flash movie uses ActiveX controls to play. For
some reason, when you view a local web page, Internet Explorer blocks this
type of content, and you actively have to tell the browser to accept it by click-
ing on the warning bar at the top of the page and selecting Allow Blocked
Content. This happens only for local files; after the page with the Flash movie
is on a web server, you no longer receive this warning.
Q. When I embed the YouTube video in my page,all I get is a black box with
scroll bars in Design view. What went wrong?
A. The YouTube iFrame displays a page hosted by YouTube that detects what
browser and device is currently accessing the video. Because Expression Web 4
is neither a browser nor a device, YouTube returns an empty page. The scroll
bars are there because the empty page has no defined width and height, so
the maximum width and height are applied.
Q. The Flash image gallery shows up,but there are no images!
A. The Flash image gallery sources its content from outside the application itself.
It gets its data from the images.xml file, and the images are stored in the
Flash folder under the large and thumbs folders. For the gallery to work prop-
erly, it is imperative that the folder structure described in the hour be retained.
The Gallery folder should contain one folder: Flash. All the Flash files should
be in the Flash folder. If your folder structure is correct and you are still not
seeing anything, go to the finalized version found in the lesson files and
replace your files with the ones provided.