HTML5:  Principle external resource

HTML5: Principle external resource

·

1 min read

Tags/FeaturesMultiple types of mediaDiverse controlsSecure domain
IframeJust HTMLNoYes
Embed (old)YesNoNo
Object (standard)YesYesNo

Condition

Third-party or External team cung cấp short URI domain.com/-367dfi

Không kiểm soát được URI cung cấp là định dạng gì.

with Multiple types of Media

Target hiển thị lên website với một trong những định dạng phổ biến như PDF, Video, Audio, Image, HTML,...

Solutions sử dụng embed or object

<embed src="https://domain.com/-367dfi" width="300" height="200">
or
<object src="https://domain.com/-367dfi" width="300" height="200">

with Diverse controls

Target nếu định dạng Audio or Video sẽ autoplay, thêm thuộc tính alt

Solution sử dụng object

<object src="https://domain.com/-367dfi" width="300" height="200">
    <param name="autoplay" value="true">
    <param name="alt" value="multiple types of media">
</object>

with Secure

Target nếu định dạng html cho phép JS và ngăn chặn payment API

Solution sử dụng iframe

<iframe 
    src="https://domain.com/-367dfi" 
    allowpaymentrequest="false"
    sandbox="allow-scripts"
>

with Old Version

Định dạng sử dụng medias giữa embed và object sẽ gặp trở ngại khi hỗ trợ version cũ

Solution combine object & embed

<object data="abc.pdf" type="application/pdf">
    <embed src="abc.pdf" type="application/pdf" />
</object>